#685AC4

#685AC4

Color Values

HEX

#685AC4

RGB

104, 90, 196

HSL

247.9, 47.3%, 56.1%

HSV

247.9, 54.1%, 76.9%

CMYK

46.9%, 54.1%, 0.0%, 23.1%

OKLCH

0.5356 0.1593 285.7

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#685AC4

#B6C45A

Analogous

#5A81C4

#9D5AC4

#685AC4

Triadic

#685AC4

#C4685A

#5AC468

Split Complementary

#685AC4

#C49D5A

#81C45A

Tetradic

#685AC4

#C45A81

#B6C45A

#5AC49D

Color Blindness Simulation

Original

#685AC4

Protanopia

#6262AA

Deuteranopia

#6364A4

Tritanopia

#679692

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCAEC
300
#ACA5DF
400
#8074CD
500
#5343BC
600
#423696
700
#352B78
800
#2A225E
900
#211C45
950
#15122C

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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