#858FAB

#858FAB

Color Values

HEX

#858FAB

RGB

133, 143, 171

HSL

224.2, 18.4%, 59.6%

HSV

224.2, 22.2%, 67.1%

CMYK

22.2%, 16.4%, 0.0%, 32.9%

OKLCH

0.6517 0.0434 269.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#858FAB

#ABA185

Analogous

#85A2AB

#8E85AB

#858FAB

Triadic

#858FAB

#AB858F

#8FAB85

Split Complementary

#858FAB

#AB8E85

#A2AB85

Tetradic

#858FAB

#AB85A2

#ABA185

#85AB8E

Color Blindness Simulation

Original

#858FAB

Protanopia

#8989A4

Deuteranopia

#8988A3

Tritanopia

#869F9E

Achromatopsia

#8F8F8F

CSS Usage

background-color: #858FAB;
color: #858FAB;
border-color: #858FAB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#EAECF0
200
#D5D8E2
300
#B7BCCD
400
#8F98B2
500
#687497
600
#535D79
700
#434A61
800
#343A4B
900
#282D38
950
#1A1C24

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.51:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026