#987F72

#987F72

Color Values

HEX

#987F72

RGB

152, 127, 114

HSL

20.5, 15.6%, 52.2%

HSV

20.5, 25.0%, 59.6%

CMYK

0.0%, 16.4%, 25.0%, 40.4%

OKLCH

0.6161 0.0365 49.1

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#987F72

#728B98

Analogous

#987278

#989272

#987F72

Triadic

#987F72

#72987F

#7F7298

Split Complementary

#987F72

#729892

#727898

Tetradic

#987F72

#789872

#728B98

#927298

Color Blindness Simulation

Original

#987F72

Protanopia

#8D8D75

Deuteranopia

#8F9076

Tritanopia

#977878

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1DAD6
300
#CBBFB8
400
#AF9C92
500
#93796C
600
#766156
700
#5E4E45
800
#4A3D36
900
#372E2A
950
#231D1A

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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