#AA2286

#AA2286

Color Values

HEX

#AA2286

RGB

170, 34, 134

HSL

315.9, 66.7%, 40.0%

HSV

315.9, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 21.2%, 33.3%

OKLCH

0.5112 0.1961 341.5

Properties

Warm Dark Nearest: maroon 3

Color Harmonies

Complementary

#AA2286

#22AA46

Analogous

#8A22AA

#AA2242

#AA2286

Triadic

#AA2286

#86AA22

#2286AA

Split Complementary

#AA2286

#42AA22

#22AA8A

Tetradic

#AA2286

#AA8A22

#22AA46

#2242AA

Color Blindness Simulation

Original

#AA2286

Protanopia

#6F6E6E

Deuteranopia

#778168

Tritanopia

#A35B56

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FCF3F9
100
#F7E3F2
200
#F3C3E6
300
#EB99D5
400
#E062BE
500
#D52AA7
600
#AA2286
700
#881B6B
800
#6A1554
900
#4E133E
950
#310C27

Contrast Checker

Text on white

6.4:1

AA Pass AAA Fail

Text on black

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