#685ABD

#685ABD

Color Values

HEX

#685ABD

RGB

104, 90, 189

HSL

248.5, 42.9%, 54.7%

HSV

248.5, 52.4%, 74.1%

CMYK

45.0%, 52.4%, 0.0%, 25.9%

OKLCH

0.5309 0.1498 286.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#685ABD

#AFBD5A

Analogous

#5A7DBD

#9A5ABD

#685ABD

Triadic

#685ABD

#BD685A

#5ABD68

Split Complementary

#685ABD

#BD9A5A

#7DBD5A

Tetradic

#685ABD

#BD5A7D

#AFBD5A

#5ABD9A

Color Blindness Simulation

Original

#685ABD

Protanopia

#6262A5

Deuteranopia

#63649F

Tritanopia

#67928E

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#D0CCEB
300
#AFA8DC
400
#8478C9
500
#5849B6
600
#473A92
700
#392F75
800
#2C245B
900
#231E43
950
#16132A

Contrast Checker

Text on white

5.55:1

AA Pass AAA Fail

Text on black

3.79:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026