#665672

#665672

Color Values

HEX

#665672

RGB

102, 86, 114

HSL

274.3, 14.0%, 39.2%

HSV

274.3, 24.6%, 44.7%

CMYK

10.5%, 24.6%, 0.0%, 55.3%

OKLCH

0.4795 0.0482 310.4

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#665672

#627256

Analogous

#585672

#725670

#665672

Triadic

#665672

#726656

#567266

Split Complementary

#665672

#707256

#567258

Tetradic

#665672

#725856

#627256

#567072

Color Blindness Simulation

Original

#665672

Protanopia

#5F5F6B

Deuteranopia

#60616A

Tritanopia

#656665

Achromatopsia

#5B5B5B

CSS Usage

background-color: #665672;
color: #665672;
border-color: #665672;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DCD6E0
300
#C3B9CA
400
#A393AE
500
#826E91
600
#685874
700
#53465D
800
#413749
900
#312A37
950
#1F1B22

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

3.14:1

AA Fail 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