#AA229B

#AA229B

Color Values

HEX

#AA229B

RGB

170, 34, 155

HSL

306.6, 66.7%, 40.0%

HSV

306.6, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 8.8%, 33.3%

OKLCH

0.522 0.21 333.3

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AA229B

#22AA31

Analogous

#7522AA

#AA2257

#AA229B

Triadic

#AA229B

#9BAA22

#229BAA

Split Complementary

#AA229B

#57AA22

#22AA75

Tetradic

#AA229B

#AA7522

#22AA31

#2257AA

Color Blindness Simulation

Original

#AA229B

Protanopia

#6F6E7E

Deuteranopia

#778177

Tritanopia

#A36762

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C3EE
300
#EB99E2
400
#E062D2
500
#D52AC2
600
#AA229B
700
#881B7C
800
#6A1561
900
#4E1347
950
#310C2D

Contrast Checker

Text on white

6.16:1

AA Pass AAA Fail

Text on black

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