#AA2276

#AA2276

Color Values

HEX

#AA2276

RGB

170, 34, 118

HSL

322.9, 66.7%, 40.0%

HSV

322.9, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 30.6%, 33.3%

OKLCH

0.504 0.1868 348.4

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AA2276

#22AA56

Analogous

#9A22AA

#AA2232

#AA2276

Triadic

#AA2276

#76AA22

#2276AA

Split Complementary

#AA2276

#32AA22

#22AA9A

Tetradic

#AA2276

#AA9A22

#22AA56

#2232AA

Color Blindness Simulation

Original

#AA2276

Protanopia

#6F6E62

Deuteranopia

#77815D

Tritanopia

#A3524E

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FCF3F8
100
#F7E3F0
200
#F3C3E1
300
#EB99CB
400
#E062B0
500
#D52A94
600
#AA2276
700
#881B5E
800
#6A154A
900
#4E1337
950
#310C23

Contrast Checker

Text on white

6.56:1

AA Pass AAA Fail

Text on black

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