#668F99

#668F99

Color Values

HEX

#668F99

RGB

102, 143, 153

HSL

191.8, 20.0%, 50.0%

HSV

191.8, 33.3%, 60.0%

CMYK

33.3%, 6.5%, 0.0%, 40.0%

OKLCH

0.6236 0.0474 214.5

Properties

Cool Light Nearest: lightblue 4

Color Harmonies

Complementary

#668F99

#997066

Analogous

#66998A

#667599

#668F99

Triadic

#668F99

#99668F

#8F9966

Split Complementary

#668F99

#996675

#998A66

Tetradic

#668F99

#8A6699

#997066

#759966

Color Blindness Simulation

Original

#668F99

Protanopia

#787897

Deuteranopia

#757296

Tritanopia

#689594

Achromatopsia

#878787

CSS Usage

background-color: #668F99;
color: #668F99;
border-color: #668F99;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E2
300
#B6C9CE
400
#8EACB4
500
#668F99
600
#52727A
700
#415C62
800
#33474D
900
#283639
950
#192224

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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