#685EC4

#685EC4

Color Values

HEX

#685EC4

RGB

104, 94, 196

HSL

245.9, 46.4%, 56.9%

HSV

245.9, 52.0%, 76.9%

CMYK

46.9%, 52.0%, 0.0%, 23.1%

OKLCH

0.5428 0.1537 284.5

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#685EC4

#BAC45E

Analogous

#5E87C4

#9B5EC4

#685EC4

Triadic

#685EC4

#C4685E

#5EC468

Split Complementary

#685EC4

#C49B5E

#87C45E

Tetradic

#685EC4

#C45E87

#BAC45E

#5EC49B

Color Blindness Simulation

Original

#685EC4

Protanopia

#6464AB

Deuteranopia

#6465A5

Tritanopia

#689894

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CECBEC
300
#ABA5DE
400
#7D75CC
500
#5044BB
600
#403795
700
#332C77
800
#28225D
900
#201C45
950
#14122B

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

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