#976140

#976140

Color Values

HEX

#976140

RGB

151, 97, 64

HSL

22.8, 40.5%, 42.2%

HSV

22.8, 57.6%, 59.2%

CMYK

0.0%, 35.8%, 57.6%, 40.8%

OKLCH

0.544 0.0847 51.6

Properties

Warm Dark Nearest: Sepia

Color Harmonies

Complementary

#976140

#407697

Analogous

#97404A

#978D40

#976140

Triadic

#976140

#409761

#614097

Split Complementary

#976140

#40978D

#404A97

Tetradic

#976140

#4A9740

#407697

#8D4097

Color Blindness Simulation

Original

#976140

Protanopia

#807F48

Deuteranopia

#83874A

Tritanopia

#944E50

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD8CD
300
#DBBCA9
400
#C7977A
500
#B3734C
600
#8F5C3D
700
#734A31
800
#5A3A26
900
#422C1F
950
#2A1C13

Contrast Checker

Text on white

5.12:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026