#858BC6

#858BC6

Color Values

HEX

#858BC6

RGB

133, 139, 198

HSL

234.5, 36.3%, 64.9%

HSV

234.5, 32.8%, 77.6%

CMYK

32.8%, 29.8%, 0.0%, 22.4%

OKLCH

0.6549 0.088 279.2

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#858BC6

#C6C085

Analogous

#85ABC6

#A085C6

#858BC6

Triadic

#858BC6

#C6858B

#8BC685

Split Complementary

#858BC6

#C6A085

#ABC685

Tetradic

#858BC6

#C685AB

#C6C085

#85C6A0

Color Blindness Simulation

Original

#858BC6

Protanopia

#8888B8

Deuteranopia

#8787B4

Tritanopia

#85ACAA

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E9F3
200
#CED1E8
300
#ACB0D8
400
#7E85C3
500
#515AAE
600
#41488B
700
#34396F
800
#292D57
900
#212440
950
#151629

Contrast Checker

Text on white

3.23:1

AA Fail AAA Fail

Text on black

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