#AA2AA3

#AA2AA3

Color Values

HEX

#AA2AA3

RGB

170, 42, 163

HSL

303.3, 60.4%, 41.6%

HSV

303.3, 75.3%, 66.7%

CMYK

0.0%, 75.3%, 4.1%, 33.3%

OKLCH

0.5322 0.2083 330.5

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AA2AA3

#2AAA31

Analogous

#712AAA

#AA2A63

#AA2AA3

Triadic

#AA2AA3

#A3AA2A

#2AA3AA

Split Complementary

#AA2AA3

#63AA2A

#2AAA71

Tetradic

#AA2AA3

#AA712A

#2AAA31

#2A63AA

Color Blindness Simulation

Original

#AA2AA3

Protanopia

#737186

Deuteranopia

#7A847F

Tritanopia

#A46F6A

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F5
200
#F1C6EE
300
#E79DE3
400
#DA68D3
500
#CD32C4
600
#A4289D
700
#83207D
800
#661962
900
#4B1648
950
#2F0E2D

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

3.57:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026