#6857AE

#6857AE

Color Values

HEX

#6857AE

RGB

104, 87, 174

HSL

251.7, 34.9%, 51.2%

HSV

251.7, 50.0%, 68.2%

CMYK

40.2%, 50.0%, 0.0%, 31.8%

OKLCH

0.5156 0.1335 289.9

Properties

Cool Dark Nearest: Blue Violet

Color Harmonies

Complementary

#6857AE

#9DAE57

Analogous

#5772AE

#9357AE

#6857AE

Triadic

#6857AE

#AE6857

#57AE68

Split Complementary

#6857AE

#AE9357

#72AE57

Tetradic

#6857AE

#AE5772

#9DAE57

#57AE93

Color Blindness Simulation

Original

#6857AE

Protanopia

#616099

Deuteranopia

#626394

Tritanopia

#678885

Achromatopsia

#616161

CSS Usage

background-color: #6857AE;
color: #6857AE;
border-color: #6857AE;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5FA
100
#EAE8F2
200
#D4CFE8
300
#B5ACD7
400
#8D80C2
500
#6453AC
600
#50428A
700
#40356E
800
#322A56
900
#272140
950
#191528

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026