#669696

#669696

Color Values

HEX

#669696

RGB

102, 150, 150

HSL

180.0, 19.0%, 49.4%

HSV

180.0, 32.0%, 58.8%

CMYK

32.0%, 0.0%, 0.0%, 41.2%

OKLCH

0.639 0.0516 195.9

Properties

Cool Light Nearest: RAL 5024 Pastel Blue

Color Harmonies

Complementary

#669696

#966666

Analogous

#66967E

#667E96

#669696

Triadic

#669696

#966696

#969666

Split Complementary

#669696

#96667E

#967E66

Tetradic

#669696

#7E6696

#966666

#7E9666

Color Blindness Simulation

Original

#669696

Protanopia

#7B7B96

Deuteranopia

#787496

Tritanopia

#689696

Achromatopsia

#8C8C8C

CSS Usage

background-color: #669696;
color: #669696;
border-color: #669696;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D5E2E2
300
#B6CDCD
400
#8FB3B3
500
#679898
600
#537979
700
#426161
800
#344C4C
900
#283939
950
#192424

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

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