#685676

#685676

Color Values

HEX

#685676

RGB

104, 86, 118

HSL

273.8, 15.7%, 40.0%

HSV

273.8, 27.1%, 46.3%

CMYK

11.9%, 27.1%, 0.0%, 53.7%

OKLCH

0.4833 0.0548 309.9

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#685676

#647656

Analogous

#585676

#765674

#685676

Triadic

#685676

#766856

#567668

Split Complementary

#685676

#747656

#567658

Tetradic

#685676

#765856

#647656

#567476

Color Blindness Simulation

Original

#685676

Protanopia

#60606E

Deuteranopia

#61636C

Tritanopia

#676867

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DCD6E1
300
#C3B8CB
400
#A392AF
500
#826B94
600
#685676
700
#53455E
800
#41364A
900
#312A37
950
#1F1A23

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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