#AA2299

#AA2299

Color Values

HEX

#AA2299

RGB

170, 34, 153

HSL

307.5, 66.7%, 40.0%

HSV

307.5, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 10.0%, 33.3%

OKLCH

0.5209 0.2086 334.1

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AA2299

#22AA33

Analogous

#7722AA

#AA2255

#AA2299

Triadic

#AA2299

#99AA22

#2299AA

Split Complementary

#AA2299

#55AA22

#22AA77

Tetradic

#AA2299

#AA7722

#22AA33

#2255AA

Color Blindness Simulation

Original

#AA2299

Protanopia

#6F6E7C

Deuteranopia

#778175

Tritanopia

#A36560

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F5
200
#F3C3ED
300
#EB99E0
400
#E062D0
500
#D52ABF
600
#AA2299
700
#881B7A
800
#6A1560
900
#4E1346
950
#310C2C

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

3.4:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026