#AA222D

#AA222D

Color Values

HEX

#AA222D

RGB

170, 34, 45

HSL

355.1, 66.7%, 40.0%

HSV

355.1, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 73.5%, 33.3%

OKLCH

0.4833 0.1709 22.8

Properties

Warm Dark Nearest: brown

Color Harmonies

Complementary

#AA222D

#22AA9F

Analogous

#AA2271

#AA5B22

#AA222D

Triadic

#AA222D

#2DAA22

#222DAA

Split Complementary

#AA222D

#22AA5B

#2271AA

Tetradic

#AA222D

#71AA22

#22AA9F

#5B22AA

Color Blindness Simulation

Original

#AA222D

Protanopia

#6F6E2A

Deuteranopia

#77812A

Tritanopia

#A32828

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FCF3F4
100
#F7E3E5
200
#F3C3C7
300
#EB99A0
400
#E0626C
500
#D52A38
600
#AA222D
700
#881B24
800
#6A151C
900
#4E1318
950
#310C0F

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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