#858AB5

#858AB5

Color Values

HEX

#858AB5

RGB

133, 138, 181

HSL

233.8, 24.5%, 61.6%

HSV

233.8, 26.5%, 71.0%

CMYK

26.5%, 23.8%, 0.0%, 29.0%

OKLCH

0.6452 0.0645 279.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#858AB5

#B5B085

Analogous

#85A2B5

#9885B5

#858AB5

Triadic

#858AB5

#B5858A

#8AB585

Split Complementary

#858AB5

#B59885

#A2B585

Tetradic

#858AB5

#B585A2

#B5B085

#85B598

Color Blindness Simulation

Original

#858AB5

Protanopia

#8787AB

Deuteranopia

#8786A8

Tritanopia

#85A2A1

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D3D4E4
300
#B3B6D1
400
#8A8EB8
500
#60679F
600
#4D527F
700
#3E4266
800
#30334F
900
#26283B
950
#181925

Contrast Checker

Text on white

3.33:1

AA Fail AAA Fail

Text on black

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