#982225

#982225

Color Values

HEX

#982225

RGB

152, 34, 37

HSL

358.5, 63.4%, 36.5%

HSV

358.5, 77.6%, 59.6%

CMYK

0.0%, 77.6%, 75.7%, 40.4%

OKLCH

0.4487 0.1538 24.8

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#982225

#229895

Analogous

#982260

#985A22

#982225

Triadic

#982225

#259822

#222598

Split Complementary

#982225

#22985A

#226098

Tetradic

#982225

#609822

#229895

#5A2298

Color Blindness Simulation

Original

#982225

Protanopia

#656424

Deuteranopia

#6C7524

Tritanopia

#922424

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FBF3F3
100
#F7E4E4
200
#F2C5C6
300
#E99B9D
400
#DC6568
500
#D02F33
600
#A72529
700
#851E20
800
#681719
900
#4C1516
950
#300D0E

Contrast Checker

Text on white

8.11:1

AA Pass AAA Pass

Text on black

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