#AA15B2 Color

#AA15B2 is rgb(170, 21, 178) in RGB and hsl(297, 79%, 39%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#AA15B2

HEX#AA15B2

RGBrgb(170, 21, 178)

HSLhsl(297, 79%, 39%)

HSVhsv(297, 88%, 70%)

OKLCHoklch(52.9% 0.235 325.8)

CMYKcmyk(4%, 88%, 0%, 30%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AA15B2 Complementary#1DB215 Analogous#5C15B2 Analogous#B2156B Triadic#B2AA15 Triadic#15B2AA

Tints & Shades

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

Tints

#CD19D7 #DF36E7 #E45BEC #EB84F1 #F1A8F5 #F8D1FA

Shades

#94129B #7F1084 #690D6E #530A57 #3D0740 #270529

Use #AA15B2 in Our Tools

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