#972324

#972324

Color Values

HEX

#972324

RGB

151, 35, 36

HSL

359.5, 62.4%, 36.5%

HSV

359.5, 76.8%, 59.2%

CMYK

0.0%, 76.8%, 76.2%, 40.8%

OKLCH

0.4476 0.1521 25.5

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#972324

#239796

Analogous

#97235E

#975C23

#972324

Triadic

#972324

#249723

#232497

Split Complementary

#972324

#23975C

#235E97

Tetradic

#972324

#5E9723

#239796

#5C2397

Color Blindness Simulation

Original

#972324

Protanopia

#656424

Deuteranopia

#6C7424

Tritanopia

#912424

Achromatopsia

#3C3C3C

CSS Usage

background-color: #972324;
color: #972324;
border-color: #972324;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F2C5C5
300
#E89C9C
400
#DC6667
500
#CF3031
600
#A62627
700
#851F20
800
#681819
900
#4C1516
950
#300D0E

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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