#987F7F

#987F7F

Color Values

HEX

#987F7F

RGB

152, 127, 127

HSL

0.0, 10.8%, 54.7%

HSV

0.0, 16.4%, 59.6%

CMYK

0.0%, 16.4%, 16.4%, 40.4%

OKLCH

0.6198 0.0309 18.0

Properties

Warm Light Nearest: mistyrose 4

Color Harmonies

Complementary

#987F7F

#7F9898

Analogous

#987F8B

#988B7F

#987F7F

Triadic

#987F7F

#7F987F

#7F7F98

Split Complementary

#987F7F

#7F988B

#7F8B98

Tetradic

#987F7F

#8B987F

#7F9898

#8B7F98

Color Blindness Simulation

Original

#987F7F

Protanopia

#8D8D7F

Deuteranopia

#8F907F

Tritanopia

#977F7F

Achromatopsia

#848484

CSS Usage

background-color: #987F7F;
color: #987F7F;
border-color: #987F7F;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F7
100
#EFECEC
200
#DFD7D7
300
#C8BBBB
400
#AB9696
500
#8D7272
600
#715B5B
700
#5A4949
800
#473939
900
#352C2C
950
#221C1C

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

5.68:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026