#AA2284

#AA2284

Color Values

HEX

#AA2284

RGB

170, 34, 132

HSL

316.8, 66.7%, 40.0%

HSV

316.8, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 22.4%, 33.3%

OKLCH

0.5102 0.1949 342.3

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AA2284

#22AA48

Analogous

#8C22AA

#AA2240

#AA2284

Triadic

#AA2284

#84AA22

#2284AA

Split Complementary

#AA2284

#40AA22

#22AA8C

Tetradic

#AA2284

#AA8C22

#22AA48

#2240AA

Color Blindness Simulation

Original

#AA2284

Protanopia

#6F6E6C

Deuteranopia

#778167

Tritanopia

#A35A55

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F2
200
#F3C3E6
300
#EB99D4
400
#E062BC
500
#D52AA5
600
#AA2284
700
#881B6A
800
#6A1552
900
#4E133D
950
#310C27

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

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