#AA2F60

#AA2F60

Color Values

HEX

#AA2F60

RGB

170, 47, 96

HSL

336.1, 56.7%, 42.5%

HSV

336.1, 72.4%, 66.7%

CMYK

0.0%, 72.4%, 43.5%, 33.3%

OKLCH

0.5066 0.1634 0.7

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#AA2F60

#2FAA79

Analogous

#AA2F9D

#AA3B2F

#AA2F60

Triadic

#AA2F60

#60AA2F

#2F60AA

Split Complementary

#AA2F60

#2FAA3B

#2F9DAA

Tetradic

#AA2F60

#9DAA2F

#2FAA79

#3B2FAA

Color Blindness Simulation

Original

#AA2F60

Protanopia

#757454

Deuteranopia

#7C8551

Tritanopia

#A44B49

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#FBF4F7
100
#F6E5EB
200
#F0C7D7
300
#E59FBB
400
#D66B96
500
#C83771
600
#A02C5A
700
#802348
800
#641C38
900
#49182B
950
#2E0F1B

Contrast Checker

Text on white

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