#857EEC

#857EEC

Color Values

HEX

#857EEC

RGB

133, 126, 236

HSL

243.8, 74.3%, 71.0%

HSV

243.8, 46.6%, 92.5%

CMYK

43.6%, 46.6%, 0.0%, 7.5%

OKLCH

0.6497 0.1602 283.9

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#857EEC

#E5EC7E

Analogous

#7EAEEC

#BC7EEC

#857EEC

Triadic

#857EEC

#EC857E

#7EEC85

Split Complementary

#857EEC

#ECBC7E

#AEEC7E

Tetradic

#857EEC

#EC7EAE

#E5EC7E

#7EECBC

Color Blindness Simulation

Original

#857EEC

Protanopia

#8282D1

Deuteranopia

#8283CB

Tritanopia

#85BCB8

Achromatopsia

#878787

CSS Usage

background-color: #857EEC;
color: #857EEC;
border-color: #857EEC;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F3F3FC
100
#E3E2F8
200
#C4C1F6
300
#9A94EF
400
#635BE7
500
#2D21DE
600
#241AB2
700
#1D158E
800
#16106F
900
#141051
950
#0D0A33

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

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