#AA2263

#AA2263

Color Values

HEX

#AA2263

RGB

170, 34, 99

HSL

331.3, 66.7%, 40.0%

HSV

331.3, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 41.8%, 33.3%

OKLCH

0.4966 0.1781 357.4

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AA2263

#22AA69

Analogous

#AA22A7

#AA2522

#AA2263

Triadic

#AA2263

#63AA22

#2263AA

Split Complementary

#AA2263

#22AA25

#22A7AA

Tetradic

#AA2263

#A7AA22

#22AA69

#2522AA

Color Blindness Simulation

Original

#AA2263

Protanopia

#6F6E53

Deuteranopia

#778150

Tritanopia

#A34744

Achromatopsia

#444444

CSS Usage

background-color: #AA2263;
color: #AA2263;
border-color: #AA2263;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FCF3F7
100
#F7E3ED
200
#F3C3DA
300
#EB99C0
400
#E0629E
500
#D52A7C
600
#AA2263
700
#881B4F
800
#6A153E
900
#4E132F
950
#310C1E

Contrast Checker

Text on white

6.73:1

AA Pass AAA Fail

Text on black

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