#AA506B Color

#AA506B is rgb(170, 80, 107) in RGB and hsl(342, 36%, 49%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#AA506B

HEX#AA506B

RGBrgb(170, 80, 107)

HSLhsl(342, 36%, 49%)

HSVhsv(342, 53%, 67%)

OKLCHoklch(55.1% 0.121 2.9)

CMYKcmyk(0%, 53%, 37%, 33%)

Text Contrast & Accessibility

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

TextWhite text5.16:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#AA506B Complementary#50AA8F Analogous#AA5098 Analogous#AA6250 Triadic#6BAA50 Triadic#506BAA

Tints & Shades

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

Tints

#B7667F #C37F93 #CE97A7 #D9AFBC #E5C8D0 #F0E0E5

Shades

#95465E #7D3B4F #683141 #502632 #3B1C25 #231016

Use #AA506B in Our Tools

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