#857CEB

#857CEB

Color Values

HEX

#857CEB

RGB

133, 124, 235

HSL

244.9, 73.5%, 70.4%

HSV

244.9, 47.2%, 92.2%

CMYK

43.4%, 47.2%, 0.0%, 7.8%

OKLCH

0.6455 0.1616 284.6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#857CEB

#E2EB7C

Analogous

#7CAAEB

#BD7CEB

#857CEB

Triadic

#857CEB

#EB857C

#7CEB85

Split Complementary

#857CEB

#EBBD7C

#AAEB7C

Tetradic

#857CEB

#EB7CAA

#E2EB7C

#7CEBBD

Color Blindness Simulation

Original

#857CEB

Protanopia

#8181D0

Deuteranopia

#8282CA

Tritanopia

#85BBB6

Achromatopsia

#868686

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E2F8
200
#C5C1F6
300
#9C95EF
400
#675BE6
500
#3122DD
600
#271BB1
700
#1F168E
800
#19116F
900
#161050
950
#0E0A33

Contrast Checker

Text on white

3.45:1

AA Fail AAA Fail

Text on black

6.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026