#858AD6

#858AD6

Color Values

HEX

#858AD6

RGB

133, 138, 214

HSL

236.3, 49.7%, 68.0%

HSV

236.3, 37.9%, 83.9%

CMYK

37.9%, 35.5%, 0.0%, 16.1%

OKLCH

0.6606 0.1126 280.0

Properties

Cool Light Nearest: Indigo

Color Harmonies

Complementary

#858AD6

#D6D185

Analogous

#85B2D6

#A885D6

#858AD6

Triadic

#858AD6

#D6858A

#8AD685

Split Complementary

#858AD6

#D6A885

#B2D685

Tetradic

#858AD6

#D685B2

#D6D185

#85D6A8

Color Blindness Simulation

Original

#858AD6

Protanopia

#8787C4

Deuteranopia

#8786BF

Tritanopia

#85B5B2

Achromatopsia

#8E8E8E

CSS Usage

background-color: #858AD6;
color: #858AD6;
border-color: #858AD6;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACCED
300
#A3A7E0
400
#7278D0
500
#4048BF
600
#333A99
700
#292E7A
800
#20245F
900
#1B1D46
950
#11132C

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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