#AA222C

#AA222C

Color Values

HEX

#AA222C

RGB

170, 34, 44

HSL

355.6, 66.7%, 40.0%

HSV

355.6, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 74.1%, 33.3%

OKLCH

0.4831 0.171 23.1

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#AA222C

#22AAA0

Analogous

#AA2270

#AA5C22

#AA222C

Triadic

#AA222C

#2CAA22

#222CAA

Split Complementary

#AA222C

#22AA5C

#2270AA

Tetradic

#AA222C

#70AA22

#22AAA0

#5C22AA

Color Blindness Simulation

Original

#AA222C

Protanopia

#6F6E2A

Deuteranopia

#778129

Tritanopia

#A32827

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FCF3F4
100
#F7E3E5
200
#F3C3C7
300
#EB999F
400
#E0626B
500
#D52A37
600
#AA222C
700
#881B23
800
#6A151B
900
#4E1318
950
#310C0F

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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