#976C4F

#976C4F

Color Values

HEX

#976C4F

RGB

151, 108, 79

HSL

24.2, 31.3%, 45.1%

HSV

24.2, 47.7%, 59.2%

CMYK

0.0%, 28.5%, 47.7%, 40.8%

OKLCH

0.5683 0.0692 54.8

Properties

Warm Dark Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#976C4F

#4F7A97

Analogous

#974F56

#97904F

#976C4F

Triadic

#976C4F

#4F976C

#6C4F97

Split Complementary

#976C4F

#4F9790

#4F5697

Tetradic

#976C4F

#56974F

#4F7A97

#904F97

Color Blindness Simulation

Original

#976C4F

Protanopia

#848456

Deuteranopia

#878A58

Tritanopia

#955C5D

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E6D9D0
300
#D5BEAF
400
#BE9B83
500
#A77858
600
#866046
700
#6B4D38
800
#543C2C
900
#3E2E23
950
#271D16

Contrast Checker

Text on white

4.59:1

AA Pass AAA Fail

Text on black

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