#667F99

#667F99

Color Values

HEX

#667F99

RGB

102, 127, 153

HSL

210.6, 20.0%, 50.0%

HSV

210.6, 33.3%, 60.0%

CMYK

33.3%, 17.0%, 0.0%, 40.0%

OKLCH

0.5866 0.0495 249.7

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#667F99

#998066

Analogous

#669899

#676699

#667F99

Triadic

#667F99

#99667F

#7F9966

Split Complementary

#667F99

#996766

#989966

Tetradic

#667F99

#996698

#998066

#669967

Color Blindness Simulation

Original

#667F99

Protanopia

#717193

Deuteranopia

#6F6E91

Tritanopia

#678E8D

Achromatopsia

#7C7C7C

CSS Usage

background-color: #667F99;
color: #667F99;
border-color: #667F99;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DBE2
300
#B6C2CE
400
#8EA0B4
500
#667F99
600
#52667A
700
#415162
800
#333F4D
900
#283039
950
#191E24

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.06:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026