#685AB3

#685AB3

Color Values

HEX

#685AB3

RGB

104, 90, 179

HSL

249.4, 36.9%, 52.7%

HSV

249.4, 49.7%, 70.2%

CMYK

41.9%, 49.7%, 0.0%, 29.8%

OKLCH

0.5244 0.1359 288.0

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#685AB3

#A5B35A

Analogous

#5A78B3

#945AB3

#685AB3

Triadic

#685AB3

#B3685A

#5AB368

Split Complementary

#685AB3

#B3945A

#78B35A

Tetradic

#685AB3

#B35A78

#A5B35A

#5AB394

Color Blindness Simulation

Original

#685AB3

Protanopia

#62629D

Deuteranopia

#636498

Tritanopia

#678C89

Achromatopsia

#636363

CSS Usage

background-color: #685AB3;
color: #685AB3;
border-color: #685AB3;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D2CEE8
300
#B2ABD8
400
#897EC3
500
#5F50AF
600
#4C408C
700
#3D3370
800
#302857
900
#252041
950
#181429

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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