#987A47

#987A47

Color Values

HEX

#987A47

RGB

152, 122, 71

HSL

37.8, 36.3%, 43.7%

HSV

37.8, 53.3%, 59.6%

CMYK

0.0%, 19.7%, 53.3%, 40.4%

OKLCH

0.5968 0.0781 79.7

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#987A47

#476598

Analogous

#985247

#8D9847

#987A47

Triadic

#987A47

#47987A

#7A4798

Split Complementary

#987A47

#478D98

#524798

Tetradic

#987A47

#479852

#476598

#98478D

Color Blindness Simulation

Original

#987A47

Protanopia

#8B8B53

Deuteranopia

#8D8F56

Tritanopia

#965D5F

Achromatopsia

#7D7D7D

CSS Usage

background-color: #987A47;
color: #987A47;
border-color: #987A47;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8DFCE
300
#D8C8AC
400
#C3AA7E
500
#AE8C51
600
#8B7041
700
#6F5934
800
#574629
900
#403521
950
#292115

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

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