#685AD2

#685AD2

Color Values

HEX

#685AD2

RGB

104, 90, 210

HSL

247.0, 57.1%, 58.8%

HSV

247.0, 57.1%, 82.4%

CMYK

50.5%, 57.1%, 0.0%, 17.6%

OKLCH

0.5455 0.178 284.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#685AD2

#C4D25A

Analogous

#5A88D2

#A45AD2

#685AD2

Triadic

#685AD2

#D2685A

#5AD268

Split Complementary

#685AD2

#D2A45A

#88D25A

Tetradic

#685AD2

#D25A88

#C4D25A

#5AD2A4

Color Blindness Simulation

Original

#685AD2

Protanopia

#6262B5

Deuteranopia

#6364AE

Tritanopia

#679E99

Achromatopsia

#666666

CSS Usage

background-color: #685AD2;
color: #685AD2;
border-color: #685AD2;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F5F4FB
100
#E7E4F6
200
#CCC7F0
300
#A79FE5
400
#776BD7
500
#4837C8
600
#392CA0
700
#2E2380
800
#241B64
900
#1D1849
950
#130F2E

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

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