#669BA0

#669BA0

Color Values

HEX

#669BA0

RGB

102, 155, 160

HSL

185.2, 23.4%, 51.4%

HSV

185.2, 36.2%, 62.7%

CMYK

36.2%, 3.1%, 0.0%, 37.3%

OKLCH

0.6543 0.0566 203.4

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#669BA0

#A06B66

Analogous

#66A088

#667EA0

#669BA0

Triadic

#669BA0

#A0669B

#9BA066

Split Complementary

#669BA0

#A0667E

#A08866

Tetradic

#669BA0

#8866A0

#A06B66

#7EA066

Color Blindness Simulation

Original

#669BA0

Protanopia

#7D7D9F

Deuteranopia

#7A769E

Tritanopia

#699E9E

Achromatopsia

#909090

CSS Usage

background-color: #669BA0;
color: #669BA0;
border-color: #669BA0;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F9F9
100
#EAF0F1
200
#D3E2E4
300
#B3CED0
400
#8BB3B7
500
#62989D
600
#4E7A7E
700
#3F6165
800
#314C4F
900
#26393B
950
#182425

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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