#685AD0

#685AD0

Color Values

HEX

#685AD0

RGB

104, 90, 208

HSL

247.1, 55.7%, 58.4%

HSV

247.1, 56.7%, 81.6%

CMYK

50.0%, 56.7%, 0.0%, 18.4%

OKLCH

0.5441 0.1754 284.3

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#685AD0

#C2D05A

Analogous

#5A87D0

#A35AD0

#685AD0

Triadic

#685AD0

#D0685A

#5AD068

Split Complementary

#685AD0

#D0A35A

#87D05A

Tetradic

#685AD0

#D05A87

#C2D05A

#5AD0A3

Color Blindness Simulation

Original

#685AD0

Protanopia

#6262B3

Deuteranopia

#6364AD

Tritanopia

#679D98

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CCC7EF
300
#A8A0E4
400
#796CD5
500
#4938C7
600
#3B2D9F
700
#2F247F
800
#251C63
900
#1E1849
950
#130F2E

Contrast Checker

Text on white

5.3:1

AA Pass AAA Fail

Text on black

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