#977044

#977044

Color Values

HEX

#977044

RGB

151, 112, 68

HSL

31.8, 37.9%, 42.9%

HSV

31.8, 55.0%, 59.2%

CMYK

0.0%, 25.8%, 55.0%, 40.8%

OKLCH

0.5744 0.0779 68.6

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#977044

#446B97

Analogous

#974644

#949744

#977044

Triadic

#977044

#449770

#704497

Split Complementary

#977044

#449497

#464497

Tetradic

#977044

#449746

#446B97

#974494

Color Blindness Simulation

Original

#977044

Protanopia

#86864F

Deuteranopia

#888B51

Tritanopia

#955759

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#E9DCCE
300
#D9C3AB
400
#C4A37D
500
#B0824F
600
#8D683F
700
#715333
800
#584128
900
#413120
950
#291F14

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026