#667C99

#667C99

Color Values

HEX

#667C99

RGB

102, 124, 153

HSL

214.1, 20.0%, 50.0%

HSV

214.1, 33.3%, 60.0%

CMYK

33.3%, 19.0%, 0.0%, 40.0%

OKLCH

0.5798 0.0518 255.5

Properties

Cool Light Nearest: RAL 5014 Pigeon Blue

Color Harmonies

Complementary

#667C99

#998366

Analogous

#669699

#696699

#667C99

Triadic

#667C99

#99667C

#7C9966

Split Complementary

#667C99

#996966

#969966

Tetradic

#667C99

#996696

#998366

#669969

Color Blindness Simulation

Original

#667C99

Protanopia

#707092

Deuteranopia

#6E6D90

Tritanopia

#678C8B

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE2
300
#B6C0CE
400
#8E9EB4
500
#667C99
600
#52637A
700
#414F62
800
#333E4D
900
#282F39
950
#191E24

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.91: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