#685DBE

#685DBE

Color Values

HEX

#685DBE

RGB

104, 93, 190

HSL

246.8, 42.7%, 55.5%

HSV

246.8, 51.1%, 74.5%

CMYK

45.3%, 51.1%, 0.0%, 25.5%

OKLCH

0.537 0.1468 285.5

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#685DBE

#B3BE5D

Analogous

#5D83BE

#995DBE

#685DBE

Triadic

#685DBE

#BE685D

#5DBE68

Split Complementary

#685DBE

#BE995D

#83BE5D

Tetradic

#685DBE

#BE5D83

#B3BE5D

#5DBE99

Color Blindness Simulation

Original

#685DBE

Protanopia

#6363A7

Deuteranopia

#6465A1

Tritanopia

#679490

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#D0CCEB
300
#AEA8DC
400
#8178C9
500
#5549B6
600
#443A92
700
#372F74
800
#2B255B
900
#221E43
950
#16132A

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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