#857CB4

#857CB4

Color Values

HEX

#857CB4

RGB

133, 124, 180

HSL

249.6, 27.2%, 59.6%

HSV

249.6, 31.1%, 70.6%

CMYK

26.1%, 31.1%, 0.0%, 29.4%

OKLCH

0.6161 0.0841 291.1

Properties

Cool Light Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#857CB4

#ABB47C

Analogous

#7C8FB4

#A17CB4

#857CB4

Triadic

#857CB4

#B4857C

#7CB485

Split Complementary

#857CB4

#B4A17C

#8FB47C

Tetradic

#857CB4

#B47C8F

#ABB47C

#7CB4A1

Color Blindness Simulation

Original

#857CB4

Protanopia

#8181A6

Deuteranopia

#8282A3

Tritanopia

#859C99

Achromatopsia

#828282

CSS Usage

background-color: #857CB4;
color: #857CB4;
border-color: #857CB4;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D5D2E5
300
#B6B1D2
400
#8F87BA
500
#685DA2
600
#534A82
700
#433B68
800
#342E51
900
#28253C
950
#1A1726

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass 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