#976C56

#976C56

Color Values

HEX

#976C56

RGB

151, 108, 86

HSL

20.3, 27.4%, 46.5%

HSV

20.3, 43.0%, 59.2%

CMYK

0.0%, 28.5%, 43.0%, 40.8%

OKLCH

0.5697 0.0641 48.1

Properties

Warm Light Nearest: RAL 1011 Brown Beige

Color Harmonies

Complementary

#976C56

#568197

Analogous

#975661

#978D56

#976C56

Triadic

#976C56

#56976C

#6C5697

Split Complementary

#976C56

#56978D

#566197

Tetradic

#976C56

#619756

#568197

#8D5697

Color Blindness Simulation

Original

#976C56

Protanopia

#84845B

Deuteranopia

#878A5D

Tritanopia

#956060

Achromatopsia

#747474

CSS Usage

background-color: #976C56;
color: #976C56;
border-color: #976C56;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F9F7F6
100
#F1ECE9
200
#E5D8D2
300
#D3BCB1
400
#BB9887
500
#A2745D
600
#825D4A
700
#684A3B
800
#513A2E
900
#3C2D25
950
#261C17

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.6:1

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