#976A4D

#976A4D

Color Values

HEX

#976A4D

RGB

151, 106, 77

HSL

23.5, 32.5%, 44.7%

HSV

23.5, 49.0%, 59.2%

CMYK

0.0%, 29.8%, 49.0%, 40.8%

OKLCH

0.5639 0.0715 53.6

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#976A4D

#4D7A97

Analogous

#974D55

#978F4D

#976A4D

Triadic

#976A4D

#4D976A

#6A4D97

Split Complementary

#976A4D

#4D978F

#4D5597

Tetradic

#976A4D

#55974D

#4D7A97

#8F4D97

Color Blindness Simulation

Original

#976A4D

Protanopia

#848354

Deuteranopia

#868A56

Tritanopia

#955A5B

Achromatopsia

#717171

CSS Usage

background-color: #976A4D;
color: #976A4D;
border-color: #976A4D;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E7D9D0
300
#D6BDAE
400
#BF9A82
500
#A97756
600
#875F45
700
#6C4C37
800
#543B2B
900
#3F2D22
950
#281D16

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026