#6F96BA

#6F96BA

Color Values

HEX

#6F96BA

RGB

111, 150, 186

HSL

208.8, 35.2%, 58.2%

HSV

208.8, 40.3%, 72.9%

CMYK

40.3%, 19.4%, 0.0%, 27.1%

OKLCH

0.658 0.069 246.9

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#6F96BA

#BA936F

Analogous

#6FBAB8

#6F70BA

#6F96BA

Triadic

#6F96BA

#BA6F96

#96BA6F

Split Complementary

#6F96BA

#BA6F70

#BAB86F

Tetradic

#6F96BA

#B86FBA

#BA936F

#70BA6F

Color Blindness Simulation

Original

#6F96BA

Protanopia

#8080B1

Deuteranopia

#7E7BAF

Tritanopia

#71AAA9

Achromatopsia

#909090

CSS Usage

background-color: #6F96BA;
color: #6F96BA;
border-color: #6F96BA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDCE8
300
#ACC3D7
400
#7FA2C2
500
#5381AC
600
#42678A
700
#35536E
800
#294156
900
#213140
950
#151F28

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026