#685AC3

#685AC3

Color Values

HEX

#685AC3

RGB

104, 90, 195

HSL

248.0, 46.7%, 55.9%

HSV

248.0, 53.8%, 76.5%

CMYK

46.7%, 53.8%, 0.0%, 23.5%

OKLCH

0.5349 0.158 285.8

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#685AC3

#B5C35A

Analogous

#5A81C3

#9D5AC3

#685AC3

Triadic

#685AC3

#C3685A

#5AC368

Split Complementary

#685AC3

#C39D5A

#81C35A

Tetradic

#685AC3

#C35A81

#B5C35A

#5AC39D

Color Blindness Simulation

Original

#685AC3

Protanopia

#6262AA

Deuteranopia

#6364A4

Tritanopia

#679691

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCBEC
300
#ADA5DE
400
#8075CD
500
#5444BB
600
#433696
700
#362B78
800
#2A225E
900
#221C45
950
#15122B

Contrast Checker

Text on white

5.47:1

AA Pass AAA Fail

Text on black

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