#685EC5

#685EC5

Color Values

HEX

#685EC5

RGB

104, 94, 197

HSL

245.8, 47.0%, 57.1%

HSV

245.8, 52.3%, 77.3%

CMYK

47.2%, 52.3%, 0.0%, 22.7%

OKLCH

0.5435 0.1551 284.4

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#685EC5

#BBC55E

Analogous

#5E88C5

#9C5EC5

#685EC5

Triadic

#685EC5

#C5685E

#5EC568

Split Complementary

#685EC5

#C59C5E

#88C55E

Tetradic

#685EC5

#C55E88

#BBC55E

#5EC59C

Color Blindness Simulation

Original

#685EC5

Protanopia

#6464AC

Deuteranopia

#6465A6

Tritanopia

#689894

Achromatopsia

#686868

CSS Usage

background-color: #685EC5;
color: #685EC5;
border-color: #685EC5;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CECBEC
300
#ABA5DF
400
#7D74CD
500
#4F44BB
600
#3F3696
700
#332B78
800
#28225E
900
#201C45
950
#14122C

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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