#685ABB

#685ABB

Color Values

HEX

#685ABB

RGB

104, 90, 187

HSL

248.7, 41.6%, 54.3%

HSV

248.7, 51.9%, 73.3%

CMYK

44.4%, 51.9%, 0.0%, 26.7%

OKLCH

0.5295 0.147 286.9

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#685ABB

#ADBB5A

Analogous

#5A7CBB

#995ABB

#685ABB

Triadic

#685ABB

#BB685A

#5ABB68

Split Complementary

#685ABB

#BB995A

#7CBB5A

Tetradic

#685ABB

#BB5A7C

#ADBB5A

#5ABB99

Color Blindness Simulation

Original

#685ABB

Protanopia

#6262A4

Deuteranopia

#63649E

Tritanopia

#67918D

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CCEA
300
#B0A8DB
400
#8579C8
500
#5A4AB5
600
#483C90
700
#393074
800
#2D255A
900
#241E43
950
#16132A

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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