#97222A

#97222A

Color Values

HEX

#97222A

RGB

151, 34, 42

HSL

355.9, 63.2%, 36.3%

HSV

355.9, 77.5%, 59.2%

CMYK

0.0%, 77.5%, 72.2%, 40.8%

OKLCH

0.4476 0.1523 22.6

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#97222A

#22978F

Analogous

#972265

#975522

#97222A

Triadic

#97222A

#2A9722

#222A97

Split Complementary

#97222A

#229755

#226597

Tetradic

#97222A

#659722

#22978F

#552297

Color Blindness Simulation

Original

#97222A

Protanopia

#646328

Deuteranopia

#6B7428

Tritanopia

#912726

Achromatopsia

#3B3B3B

CSS Usage

background-color: #97222A;
color: #97222A;
border-color: #97222A;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FBF3F4
100
#F7E4E5
200
#F2C5C8
300
#E89BA0
400
#DC656D
500
#D02F3A
600
#A6262E
700
#851E25
800
#68171D
900
#4C1519
950
#300D10

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026