#838587

#838587

Color Values

HEX

#838587

RGB

131, 133, 135

HSL

210.0, 1.6%, 52.2%

HSV

210.0, 3.0%, 52.9%

CMYK

3.0%, 1.5%, 0.0%, 47.1%

OKLCH

0.6156 0.0038 247.9

Properties

Cool Light Nearest: RAL 9023 Pearl Dark Grey

Color Harmonies

Complementary

#838587

#878583

Analogous

#838787

#838387

#838587

Triadic

#838587

#878385

#858783

Split Complementary

#838587

#878383

#878783

Tetradic

#838587

#878387

#878583

#838783

Color Blindness Simulation

Original

#838587

Protanopia

#848487

Deuteranopia

#848486

Tritanopia

#838686

Achromatopsia

#858585

CSS Usage

background-color: #838587;
color: #838587;
border-color: #838587;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDBDC
300
#C1C2C3
400
#9FA1A2
500
#7D8082
600
#646668
700
#505253
800
#3F4041
900
#303031
950
#1E1F1F

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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