#973D36

#973D36

Color Values

HEX

#973D36

RGB

151, 61, 54

HSL

4.3, 47.3%, 40.2%

HSV

4.3, 64.2%, 59.2%

CMYK

0.0%, 59.6%, 64.2%, 40.8%

OKLCH

0.4813 0.1226 27.1

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#973D36

#369097

Analogous

#973660

#976D36

#973D36

Triadic

#973D36

#36973D

#3D3697

Split Complementary

#973D36

#36976D

#366097

Tetradic

#973D36

#609736

#369097

#6D3697

Color Blindness Simulation

Original

#973D36

Protanopia

#706F38

Deuteranopia

#757C38

Tritanopia

#923939

Achromatopsia

#505050

CSS Usage

background-color: #973D36;
color: #973D36;
border-color: #973D36;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCDCA
300
#DFA9A5
400
#CD7A74
500
#BC4C43
600
#963D36
700
#78312B
800
#5E2622
900
#451F1C
950
#2C1312

Contrast Checker

Text on white

6.92:1

AA Pass AAA Fail

Text on black

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