#838487

#838487

Color Values

HEX

#838487

RGB

131, 132, 135

HSL

225.0, 1.6%, 52.2%

HSV

225.0, 3.0%, 52.9%

CMYK

3.0%, 2.2%, 0.0%, 47.1%

OKLCH

0.6135 0.0046 271.3

Properties

Cool Light Nearest: RAL 9023 Pearl Dark Grey

Color Harmonies

Complementary

#838487

#878683

Analogous

#838687

#848387

#838487

Triadic

#838487

#878384

#848783

Split Complementary

#838487

#878483

#868783

Tetradic

#838487

#878386

#878683

#838784

Color Blindness Simulation

Original

#838487

Protanopia

#838386

Deuteranopia

#838386

Tritanopia

#838686

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F7F7F7
100
#EDEDED
200
#DBDBDC
300
#C1C1C3
400
#9FA0A2
500
#7D7E82
600
#646568
700
#505153
800
#3F3F41
900
#303031
950
#1E1E1F

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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