#976C41

#976C41

Color Values

HEX

#976C41

RGB

151, 108, 65

HSL

30.0, 39.8%, 42.4%

HSV

30.0, 57.0%, 59.2%

CMYK

0.0%, 28.5%, 57.0%, 40.8%

OKLCH

0.5658 0.0805 65.0

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#976C41

#416C97

Analogous

#974141

#979741

#976C41

Triadic

#976C41

#41976C

#6C4197

Split Complementary

#976C41

#419797

#414197

Tetradic

#976C41

#419741

#416C97

#974197

Color Blindness Simulation

Original

#976C41

Protanopia

#84844B

Deuteranopia

#878A4E

Tritanopia

#955455

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3EDE7
200
#EADBCD
300
#DAC2A9
400
#C6A17B
500
#B2804D
600
#8F663D
700
#725231
800
#594026
900
#42301F
950
#2A1F14

Contrast Checker

Text on white

4.63:1

AA Pass AAA Fail

Text on black

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