#AD221F

#AD221F

Color Values

HEX

#AD221F

RGB

173, 34, 31

HSL

1.3, 69.6%, 40.0%

HSV

1.3, 82.1%, 67.8%

CMYK

0.0%, 80.3%, 82.1%, 32.2%

OKLCH

0.4871 0.1753 27.6

Properties

Warm Dark Nearest: firebrick

Color Harmonies

Complementary

#AD221F

#1FAAAD

Analogous

#AD1F63

#AD691F

#AD221F

Triadic

#AD221F

#1FAD22

#221FAD

Split Complementary

#AD221F

#1FAD69

#1F63AD

Tetradic

#AD221F

#63AD1F

#1FAAAD

#691FAD

Color Blindness Simulation

Original

#AD221F

Protanopia

#717020

Deuteranopia

#798320

Tritanopia

#A62020

Achromatopsia

#3F3F3F

CSS Usage

background-color: #AD221F;
color: #AD221F;
border-color: #AD221F;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF3F3
100
#F8E3E3
200
#F4C4C2
300
#EC9997
400
#E2625F
500
#D82B27
600
#AD221F
700
#8A1B19
800
#6C1513
900
#4F1312
950
#320C0B

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

3.03:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026