#976950

#976950

Color Values

HEX

#976950

RGB

151, 105, 80

HSL

21.1, 30.7%, 45.3%

HSV

21.1, 47.0%, 59.2%

CMYK

0.0%, 30.5%, 47.0%, 40.8%

OKLCH

0.5625 0.0698 49.4

Properties

Warm Dark Nearest: Sepia

Color Harmonies

Complementary

#976950

#507E97

Analogous

#97505B

#978C50

#976950

Triadic

#976950

#509769

#695097

Split Complementary

#976950

#50978C

#505B97

Tetradic

#976950

#5B9750

#507E97

#8C5097

Color Blindness Simulation

Original

#976950

Protanopia

#838356

Deuteranopia

#868958

Tritanopia

#955B5C

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F9F7F5
100
#F2ECE8
200
#E6D8D0
300
#D5BCAF
400
#BE9884
500
#A77458
600
#855D47
700
#6B4A39
800
#533A2C
900
#3E2C23
950
#271C16

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

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