#977949

#977949

Color Values

HEX

#977949

RGB

151, 121, 73

HSL

36.9, 34.8%, 43.9%

HSV

36.9, 51.7%, 59.2%

CMYK

0.0%, 19.9%, 51.7%, 40.8%

OKLCH

0.5939 0.0751 78.3

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#977949

#496797

Analogous

#975249

#8E9749

#977949

Triadic

#977949

#499779

#794997

Split Complementary

#977949

#498E97

#524997

Tetradic

#977949

#499752

#496797

#97498E

Color Blindness Simulation

Original

#977949

Protanopia

#8A8A55

Deuteranopia

#8C8E57

Tritanopia

#965E60

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E8DECF
300
#D7C7AD
400
#C1A880
500
#AC8A53
600
#896E43
700
#6E5835
800
#56452A
900
#403421
950
#282115

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

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