#977946

#977946

Color Values

HEX

#977946

RGB

151, 121, 70

HSL

37.8, 36.7%, 43.3%

HSV

37.8, 53.6%, 59.2%

CMYK

0.0%, 19.9%, 53.6%, 40.8%

OKLCH

0.5934 0.0781 79.6

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#977946

#466497

Analogous

#975046

#8C9746

#977946

Triadic

#977946

#469779

#794697

Split Complementary

#977946

#468C97

#504697

Tetradic

#977946

#469750

#466497

#97468C

Color Blindness Simulation

Original

#977946

Protanopia

#8A8A52

Deuteranopia

#8C8E55

Tritanopia

#965C5E

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8DFCE
300
#D8C8AB
400
#C3AA7E
500
#AE8C51
600
#8B7041
700
#705934
800
#574628
900
#403520
950
#292114

Contrast Checker

Text on white

4.09:1

AA Fail AAA Fail

Text on black

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