#857BDA

#857BDA

Color Values

HEX

#857BDA

RGB

133, 123, 218

HSL

246.3, 56.2%, 66.9%

HSV

246.3, 43.6%, 85.5%

CMYK

39.0%, 43.6%, 0.0%, 14.5%

OKLCH

0.6337 0.1397 286.5

Properties

Cool Light Nearest: Blue Violet

Color Harmonies

Complementary

#857BDA

#D0DA7B

Analogous

#7BA1DA

#B57BDA

#857BDA

Triadic

#857BDA

#DA857B

#7BDA85

Split Complementary

#857BDA

#DAB57B

#A1DA7B

Tetradic

#857BDA

#DA7BA1

#D0DA7B

#7BDAB5

Color Blindness Simulation

Original

#857BDA

Protanopia

#8181C3

Deuteranopia

#8182BE

Tritanopia

#84B1AD

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CBC7EF
300
#A79FE4
400
#776CD6
500
#4738C7
600
#392D9F
700
#2D247F
800
#231C64
900
#1D1849
950
#120F2E

Contrast Checker

Text on white

3.59:1

AA Fail AAA Fail

Text on black

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