#AA225D

#AA225D

Color Values

HEX

#AA225D

RGB

170, 34, 93

HSL

334.0, 66.7%, 40.0%

HSV

334.0, 80.0%, 66.7%

CMYK

0.0%, 80.0%, 45.3%, 33.3%

OKLCH

0.4946 0.1759 0.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AA225D

#22AA6F

Analogous

#AA22A1

#AA2B22

#AA225D

Triadic

#AA225D

#5DAA22

#225DAA

Split Complementary

#AA225D

#22AA2B

#22A1AA

Tetradic

#AA225D

#A1AA22

#22AA6F

#2B22AA

Color Blindness Simulation

Original

#AA225D

Protanopia

#6F6E4F

Deuteranopia

#77814B

Tritanopia

#A34341

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FCF3F7
100
#F7E3EC
200
#F3C3D8
300
#EB99BC
400
#E06298
500
#D52A74
600
#AA225D
700
#881B4A
800
#6A153A
900
#4E132D
950
#310C1C

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

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