#987B67

#987B67

Color Values

HEX

#987B67

RGB

152, 123, 103

HSL

24.5, 19.2%, 50.0%

HSV

24.5, 32.2%, 59.6%

CMYK

0.0%, 19.1%, 32.2%, 40.4%

OKLCH

0.6051 0.0465 56.3

Properties

Warm Light Nearest: Beaver

Color Harmonies

Complementary

#987B67

#678498

Analogous

#98676C

#989367

#987B67

Triadic

#987B67

#67987B

#7B6798

Split Complementary

#987B67

#679893

#676C98

Tetradic

#987B67

#6C9867

#678498

#936798

Color Blindness Simulation

Original

#987B67

Protanopia

#8B8B6C

Deuteranopia

#8D8F6D

Tritanopia

#977070

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0EDEA
200
#E2DAD4
300
#CEC0B6
400
#B39D8F
500
#987B67
600
#7A6252
700
#614F42
800
#4C3E34
900
#392F28
950
#241E19

Contrast Checker

Text on white

3.91:1

AA Fail AAA Fail

Text on black

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