#AA228B

#AA228B

Color Values

HEX

#AA228B

RGB

170, 34, 139

HSL

313.7, 66.7%, 40.0%

HSV

313.7, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 18.2%, 33.3%

OKLCH

0.5136 0.1993 339.4

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#AA228B

#22AA41

Analogous

#8522AA

#AA2247

#AA228B

Triadic

#AA228B

#8BAA22

#228BAA

Split Complementary

#AA228B

#47AA22

#22AA85

Tetradic

#AA228B

#AA8522

#22AA41

#2247AA

Color Blindness Simulation

Original

#AA228B

Protanopia

#6F6E72

Deuteranopia

#77816C

Tritanopia

#A35E59

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF3FA
100
#F7E3F3
200
#F3C3E8
300
#EB99D8
400
#E062C3
500
#D52AAE
600
#AA228B
700
#881B6F
800
#6A1557
900
#4E1340
950
#310C29

Contrast Checker

Text on white

6.34:1

AA Pass AAA Fail

Text on black

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