#685A83

#685A83

Color Values

HEX

#685A83

RGB

104, 90, 131

HSL

260.5, 18.6%, 43.3%

HSV

260.5, 31.3%, 51.4%

CMYK

20.6%, 31.3%, 0.0%, 48.6%

OKLCH

0.4975 0.0661 299.7

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#685A83

#75835A

Analogous

#5A6083

#7C5A83

#685A83

Triadic

#685A83

#83685A

#5A8368

Split Complementary

#685A83

#837C5A

#60835A

Tetradic

#685A83

#835A60

#75835A

#5A837C

Color Blindness Simulation

Original

#685A83

Protanopia

#626279

Deuteranopia

#636477

Tritanopia

#677170

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D5E2
300
#BEB6CD
400
#9B8FB2
500
#786897
600
#605379
700
#4D4261
800
#3C344C
900
#2E2839
950
#1D1924

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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