#987F70

#987F70

Color Values

HEX

#987F70

RGB

152, 127, 112

HSL

22.5, 16.3%, 51.8%

HSV

22.5, 26.3%, 59.6%

CMYK

0.0%, 16.4%, 26.3%, 40.4%

OKLCH

0.6156 0.038 52.7

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#987F70

#708998

Analogous

#987075

#989370

#987F70

Triadic

#987F70

#70987F

#7F7098

Split Complementary

#987F70

#709893

#707598

Tetradic

#987F70

#759870

#708998

#937098

Color Blindness Simulation

Original

#987F70

Protanopia

#8D8D74

Deuteranopia

#8F9074

Tritanopia

#977677

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DAD5
300
#CCBFB8
400
#B09D91
500
#947A6B
600
#776255
700
#5F4E44
800
#4A3D35
900
#382F29
950
#231D1A

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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