#685AD1

#685AD1

Color Values

HEX

#685AD1

RGB

104, 90, 209

HSL

247.1, 56.4%, 58.6%

HSV

247.1, 56.9%, 82.0%

CMYK

50.2%, 56.9%, 0.0%, 18.0%

OKLCH

0.5448 0.1767 284.2

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#685AD1

#C3D15A

Analogous

#5A87D1

#A45AD1

#685AD1

Triadic

#685AD1

#D1685A

#5AD168

Split Complementary

#685AD1

#D1A45A

#87D15A

Tetradic

#685AD1

#D15A87

#C3D15A

#5AD1A4

Color Blindness Simulation

Original

#685AD1

Protanopia

#6262B4

Deuteranopia

#6364AD

Tritanopia

#679D98

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CCC7EF
300
#A79FE4
400
#786BD6
500
#4938C7
600
#3A2CA0
700
#2E2480
800
#241C64
900
#1E1849
950
#130F2E

Contrast Checker

Text on white

5.29:1

AA Pass AAA Fail

Text on black

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