#668799

#668799

Color Values

HEX

#668799

RGB

102, 135, 153

HSL

201.2, 20.0%, 50.0%

HSV

201.2, 33.3%, 60.0%

CMYK

33.3%, 11.8%, 0.0%, 40.0%

OKLCH

0.605 0.0462 232.3

Properties

Cool Light Nearest: lightskyblue 4

Color Harmonies

Complementary

#668799

#997866

Analogous

#669992

#666D99

#668799

Triadic

#668799

#996687

#879966

Split Complementary

#668799

#99666D

#999266

Tetradic

#668799

#926699

#997866

#6D9966

Color Blindness Simulation

Original

#668799

Protanopia

#747595

Deuteranopia

#727094

Tritanopia

#689190

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DDE2
300
#B6C5CE
400
#8EA6B4
500
#668799
600
#526C7A
700
#415662
800
#33434D
900
#283339
950
#192024

Contrast Checker

Text on white

3.82:1

AA Fail AAA Fail

Text on black

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