#685ACE

#685ACE

Color Values

HEX

#685ACE

RGB

104, 90, 206

HSL

247,2, 54,2%, 58,0%

HSV

247,2, 56,3%, 80,8%

CMYK

49,5%, 56,3%, 0,0%, 19,2%

OKLCH

0,5426 0,1728 284,5

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#685ACE

#C0CE5A

Analogous

#5A86CE

#A25ACE

#685ACE

Triadic

#685ACE

#CE685A

#5ACE68

Split Complementary

#685ACE

#CEA25A

#86CE5A

Tetradic

#685ACE

#CE5A86

#C0CE5A

#5ACEA2

Color Blindness Simulation

Original

#685ACE

Protanopia

#6262B2

Deuteranopia

#6364AB

Tritanopia

#679C97

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC8EF
300
#A9A1E3
400
#7A6ED4
500
#4B3AC5
600
#3C2F9D
700
#30257E
800
#251D62
900
#1E1948
950
#13102E

Contrast Checker

Text on white

5,33:1

AA Pass AAA Fail

Text on black

3,94:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026