#685AB1

#685AB1

Color Values

HEX

#685AB1

RGB

104, 90, 177

HSL

249.7, 35.8%, 52.4%

HSV

249.7, 49.2%, 69.4%

CMYK

41.2%, 49.2%, 0.0%, 30.6%

OKLCH

0.5231 0.1331 288.3

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#685AB1

#A3B15A

Analogous

#5A78B1

#945AB1

#685AB1

Triadic

#685AB1

#B1685A

#5AB168

Split Complementary

#685AB1

#B1945A

#78B15A

Tetradic

#685AB1

#B15A78

#A3B15A

#5AB194

Color Blindness Simulation

Original

#685AB1

Protanopia

#62629C

Deuteranopia

#636497

Tritanopia

#678B88

Achromatopsia

#636363

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D3CFE8
300
#B3ACD8
400
#8A7FC2
500
#6152AD
600
#4D418B
700
#3E346F
800
#302957
900
#262140
950
#181528

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

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