#AA5584 Color

#AA5584 is rgb(170, 85, 132) in RGB and hsl(327, 33%, 50%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#AA5584

HEX#AA5584

RGBrgb(170, 85, 132)

HSLhsl(327, 33%, 50%)

HSVhsv(327, 50%, 67%)

OKLCHoklch(56.7% 0.125 347.5)

CMYKcmyk(0%, 50%, 22%, 33%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AA5584 Complementary#55AA7B Analogous#A555AA Analogous#AA555A Triadic#84AA55 Triadic#5584AA

Tints & Shades

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

Tints

#B66D95 #C185A6 #CD9DB7 #D8B1C6 #E4C9D8 #F0E0E9

Shades

#924971 #7D3F61 #66334F #51293F #3A1D2D #25131D

Use #AA5584 in Our Tools

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