#857CE0

#857CE0

Color Values

HEX

#857CE0

RGB

133, 124, 224

HSL

245.4, 61.7%, 68.2%

HSV

245.4, 44.6%, 87.8%

CMYK

40.6%, 44.6%, 0.0%, 12.2%

OKLCH

0.639 0.1466 285.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#857CE0

#D7E07C

Analogous

#7CA5E0

#B77CE0

#857CE0

Triadic

#857CE0

#E0857C

#7CE085

Split Complementary

#857CE0

#E0B77C

#A5E07C

Tetradic

#857CE0

#E07CA5

#D7E07C

#7CE0B7

Color Blindness Simulation

Original

#857CE0

Protanopia

#8181C8

Deuteranopia

#8282C2

Tritanopia

#85B5B0

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E5E4F7
200
#C9C5F1
300
#A39CE8
400
#7166DB
500
#3F31CE
600
#3227A5
700
#281F84
800
#1F1867
900
#1A164B
950
#110E30

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

5.96:1

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