#AA2292

#AA2292

Color Values

HEX

#AA2292

RGB

170, 34, 146

HSL

310.6, 66.7%, 40.0%

HSV

310.6, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 14.1%, 33.3%

OKLCH

0.5172 0.2039 336.7

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AA2292

#22AA3A

Analogous

#7E22AA

#AA224E

#AA2292

Triadic

#AA2292

#92AA22

#2292AA

Split Complementary

#AA2292

#4EAA22

#22AA7E

Tetradic

#AA2292

#AA7E22

#22AA3A

#224EAA

Color Blindness Simulation

Original

#AA2292

Protanopia

#6F6E77

Deuteranopia

#778170

Tritanopia

#A3615D

Achromatopsia

#474747

CSS Usage

background-color: #AA2292;
color: #AA2292;
border-color: #AA2292;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FCF3FA
100
#F7E3F4
200
#F3C3EB
300
#EB99DC
400
#E062C9
500
#D52AB6
600
#AA2292
700
#881B75
800
#6A155B
900
#4E1343
950
#310C2A

Contrast Checker

Text on white

6.26:1

AA Pass AAA Fail

Text on black

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