#976328

#976328

Color Values

HEX

#976328

RGB

151, 99, 40

HSL

31.9, 58.1%, 37.5%

HSV

31.9, 73.5%, 59.2%

CMYK

0.0%, 34.4%, 73.5%, 40.8%

OKLCH

0.5447 0.0998 66.0

Properties

Warm Dark Nearest: RAL 8001 Ochre Brown

Color Harmonies

Complementary

#976328

#285C97

Analogous

#972C28

#949728

#976328

Triadic

#976328

#289763

#632897

Split Complementary

#976328

#289497

#2C2897

Tetradic

#976328

#28972C

#285C97

#972894

Color Blindness Simulation

Original

#976328

Protanopia

#808036

Deuteranopia

#84873A

Tritanopia

#944244

Achromatopsia

#6A6A6A

CSS Usage

background-color: #976328;
color: #976328;
border-color: #976328;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF8F4
100
#F6EEE4
200
#F0DDC7
300
#E5C49E
400
#D7A46A
500
#CA8435
600
#A16A2B
700
#815522
800
#65421B
900
#4A3217
950
#2F200F

Contrast Checker

Text on white

5.08:1

AA Pass AAA Fail

Text on black

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