#669DA2

#669DA2

Color Values

HEX

#669DA2

RGB

102, 157, 162

HSL

185.0, 24.4%, 51.8%

HSV

185.0, 37.0%, 63.5%

CMYK

37.0%, 3.1%, 0.0%, 36.5%

OKLCH

0.6597 0.0583 203.1

Properties

Cool Light Nearest: cadetblue

Color Harmonies

Complementary

#669DA2

#A26B66

Analogous

#66A289

#667FA2

#669DA2

Triadic

#669DA2

#A2669D

#9DA266

Split Complementary

#669DA2

#A2667F

#A28966

Tetradic

#669DA2

#8966A2

#A26B66

#7FA266

Color Blindness Simulation

Original

#669DA2

Protanopia

#7E7EA1

Deuteranopia

#7B76A0

Tritanopia

#69A0A0

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D3E3E4
300
#B3CED1
400
#8AB4B8
500
#60999F
600
#4D7B7F
700
#3E6266
800
#304D4F
900
#26393B
950
#182425

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

6.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