#976224

#976224

Color Values

HEX

#976224

RGB

151, 98, 36

HSL

32.3, 61.5%, 36.7%

HSV

32.3, 76.2%, 59.2%

CMYK

0.0%, 35.1%, 76.2%, 40.8%

OKLCH

0.5424 0.1023 66.3

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#976224

#245997

Analogous

#972824

#939724

#976224

Triadic

#976224

#249762

#622497

Split Complementary

#976224

#249397

#282497

Tetradic

#976224

#249728

#245997

#972493

Color Blindness Simulation

Original

#976224

Protanopia

#808033

Deuteranopia

#838737

Tritanopia

#943F41

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EEE4
200
#F1DDC5
300
#E7C59C
400
#DBA567
500
#CE8631
600
#A56B27
700
#84551F
800
#674319
900
#4B3316
950
#30200E

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

4.09:1

AA Fail 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