#987F77

#987F77

Color Values

HEX

#987F77

RGB

152, 127, 119

HSL

14.5, 13.8%, 53.1%

HSV

14.5, 21.7%, 59.6%

CMYK

0.0%, 16.4%, 21.7%, 40.4%

OKLCH

0.6175 0.0332 38.5

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#987F77

#779098

Analogous

#98777F

#988F77

#987F77

Triadic

#987F77

#77987F

#7F7798

Split Complementary

#987F77

#77988F

#777F98

Tetradic

#987F77

#7F9877

#779098

#8F7798

Color Blindness Simulation

Original

#987F77

Protanopia

#8D8D79

Deuteranopia

#8F9079

Tritanopia

#977A7B

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E0D9D6
300
#CABDB9
400
#AE9A94
500
#91766E
600
#745F58
700
#5D4C46
800
#493B37
900
#362D2A
950
#221D1B

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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