#AA12AF Color

#AA12AF is rgb(170, 18, 175) in RGB and hsl(298, 81%, 38%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#AA12AF

HEX#AA12AF

RGBrgb(170, 18, 175)

HSLhsl(298, 81%, 38%)

HSVhsv(298, 90%, 69%)

OKLCHoklch(52.6% 0.235 326.7)

CMYKcmyk(3%, 90%, 0%, 31%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AA12AF Complementary#18AF12 Analogous#5C12AF Analogous#AF1266 Triadic#AFAA12 Triadic#12AFAA

Tints & Shades

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

Tints

#D217D9 #E32FE9 #E959EE #EE7EF1 #F3A7F6 #F8CCFA

Shades

#941098 #7D0E81 #670B6A #550958 #3F0741 #28042A

Use #AA12AF in Our Tools

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