#858AB6

#858AB6

Color Values

HEX

#858AB6

RGB

133, 138, 182

HSL

233.9, 25.1%, 61.8%

HSV

233.9, 26.9%, 71.4%

CMYK

26.9%, 24.2%, 0.0%, 28.6%

OKLCH

0.6456 0.066 279.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#858AB6

#B6B185

Analogous

#85A3B6

#9985B6

#858AB6

Triadic

#858AB6

#B6858A

#8AB685

Split Complementary

#858AB6

#B69985

#A3B685

Tetradic

#858AB6

#B685A3

#B6B185

#85B699

Color Blindness Simulation

Original

#858AB6

Protanopia

#8787AB

Deuteranopia

#8786A9

Tritanopia

#85A3A1

Achromatopsia

#8C8C8C

CSS Usage

background-color: #858AB6;
color: #858AB6;
border-color: #858AB6;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D2D4E4
300
#B2B6D1
400
#898EB8
500
#5F66A0
600
#4C5280
700
#3D4166
800
#303350
900
#26283B
950
#181926

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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