#976A0D

#976A0D

Color Values

HEX

#976A0D

RGB

151, 106, 13

HSL

40.4, 84.1%, 32.2%

HSV

40.4, 91.4%, 59.2%

CMYK

0.0%, 29.8%, 91.4%, 40.8%

OKLCH

0.5569 0.1122 78.2

Properties

Warm Dark Nearest: darkgoldenrod 4

Color Harmonies

Complementary

#976A0D

#0D3A97

Analogous

#97250D

#7F970D

#976A0D

Triadic

#976A0D

#0D976A

#6A0D97

Split Complementary

#976A0D

#0D7F97

#250D97

Tetradic

#976A0D

#0D9725

#0D3A97

#970D7F

Color Blindness Simulation

Original

#976A0D

Protanopia

#848323

Deuteranopia

#868A29

Tritanopia

#953539

Achromatopsia

#6D6D6D

CSS Usage

background-color: #976A0D;
color: #976A0D;
border-color: #976A0D;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FDF9F2
100
#FAF2E0
200
#F9E6BD
300
#F5D48E
400
#F0BC51
500
#EBA514
600
#BC8410
700
#96690D
800
#75520A
900
#553D0C
950
#362707

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026