#AA22AA

#AA22AA

Color Values

HEX

#AA22AA

RGB

170, 34, 170

HSL

300.0, 66.7%, 40.0%

HSV

300.0, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 0.0%, 33.3%

OKLCH

0.5307 0.2208 328.1

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AA22AA

#22AA22

Analogous

#6622AA

#AA2266

#AA22AA

Triadic

#AA22AA

#AAAA22

#22AAAA

Split Complementary

#AA22AA

#66AA22

#22AA66

Tetradic

#AA22AA

#AA6622

#22AA22

#2266AA

Color Blindness Simulation

Original

#AA22AA

Protanopia

#6F6E89

Deuteranopia

#778181

Tritanopia

#A36F69

Achromatopsia

#494949

CSS Usage

background-color: #AA22AA;
color: #AA22AA;
border-color: #AA22AA;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F3
300
#EB99EB
400
#E062E0
500
#D52AD5
600
#AA22AA
700
#881B88
800
#6A156A
900
#4E134E
950
#310C31

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

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