#987970

#987970

Color Values

HEX

#987970

RGB

152, 121, 112

HSL

13.5, 16.3%, 51.8%

HSV

13.5, 26.3%, 59.6%

CMYK

0.0%, 20.4%, 26.3%, 40.4%

OKLCH

0.6033 0.0413 36.8

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#987970

#708F98

Analogous

#98707B

#988D70

#987970

Triadic

#987970

#709879

#797098

Split Complementary

#987970

#70988D

#707B98

Tetradic

#987970

#7B9870

#708F98

#8D7098

Color Blindness Simulation

Original

#987970

Protanopia

#8B8A72

Deuteranopia

#8C8F73

Tritanopia

#967474

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#F0ECEB
200
#E1D8D5
300
#CCBCB8
400
#B09891
500
#94746B
600
#775D55
700
#5F4A44
800
#4A3A35
900
#382D29
950
#231C1A

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

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