#685A79

#685A79

Color Values

HEX

#685A79

RGB

104, 90, 121

HSL

267.1, 14.7%, 41.4%

HSV

267.1, 25.6%, 47.5%

CMYK

14.0%, 25.6%, 0.0%, 52.5%

OKLCH

0.4929 0.0514 305.2

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#685A79

#6B795A

Analogous

#5A5C79

#785A79

#685A79

Triadic

#685A79

#79685A

#5A7968

Split Complementary

#685A79

#79785A

#5C795A

Tetradic

#685A79

#795A5C

#6B795A

#5A7978

Color Blindness Simulation

Original

#685A79

Protanopia

#626272

Deuteranopia

#636470

Tritanopia

#676C6A

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E1
300
#C1B9CB
400
#9F93AF
500
#7E6D92
600
#655775
700
#50465E
800
#3F3649
900
#302A37
950
#1E1B23

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

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