#AA5A89 Color

#AA5A89 is rgb(170, 90, 137) in RGB and hsl(325, 32%, 51%) in HSL. The closest CSS named color is PaleVioletRed. White text is most readable on this background.

#AA5A89

HEX#AA5A89

RGBrgb(170, 90, 137)

HSLhsl(325, 32%, 51%)

HSVhsv(325, 47%, 67%)

OKLCHoklch(57.7% 0.119 345.3)

CMYKcmyk(0%, 47%, 19%, 33%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #AA5A89 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text4.63:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.53:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #AA5A89 based on color wheel relationships. Click any swatch for its full breakdown.

Base#AA5A89 Complementary#5AAA7B Analogous#A35AAA Analogous#AA5A61 Triadic#89AA5A Triadic#5A89AA

Tints & Shades

Lighter tints and darker shades of #AA5A89, useful for hover states, backgrounds, and text variants.

Tints

#B6729A #C186A8 #CD9DB9 #D9B5CA #E5CDDB #EFE1E9

Shades

#944C76 #804266 #683653 #512A40 #391D2E #25131E

Use #AA5A89 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex