#AA6485 Color

#AA6485 is rgb(170, 100, 133) in RGB and hsl(332, 29%, 53%) in HSL. The closest CSS named color is RosyBrown. Black text is most readable on this background.

#AA6485

HEX#AA6485

RGBrgb(170, 100, 133)

HSLhsl(332, 29%, 53%)

HSVhsv(332, 41%, 67%)

OKLCHoklch(59.1% 0.099 350.8)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AA6485 Complementary#64AA89 Analogous#AA64A8 Analogous#AA6764 Triadic#85AA64 Triadic#6485AA

Tints & Shades

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

Tints

#B57894 #C18FA7 #CCA3B6 #D9BAC8 #E4CED8 #F1E5EA

Shades

#975373 #804762 #693A50 #522D3F #3B212D #24141C

Use #AA6485 in Our Tools

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