#AA225F Color

#AA225F is rgb(170, 34, 95) in RGB and hsl(333, 67%, 40%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#AA225F

HEX#AA225F

RGBrgb(170, 34, 95)

HSLhsl(333, 67%, 40%)

HSVhsv(333, 80%, 67%)

OKLCHoklch(49.5% 0.177 359.3)

CMYKcmyk(0%, 80%, 44%, 33%)

Text Contrast & Accessibility

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

TextWhite text6.77:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.1:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#AA225F Complementary#22AA6D Analogous#AA22A4 Analogous#AA2822 Triadic#5FAA22 Triadic#225FAA

Tints & Shades

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

Tints

#CC2872 #DB488A #E26AA0 #E88CB6 #EFAECB #F7D4E4

Shades

#951D53 #801947 #6A153B #51102D #3C0C21 #260815

Use #AA225F in Our Tools

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