#AA30CF Color

#AA30CF is rgb(170, 48, 207) in RGB and hsl(286, 62%, 50%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#AA30CF

HEX#AA30CF

RGBrgb(170, 48, 207)

HSLhsl(286, 62%, 50%)

HSVhsv(286, 77%, 81%)

OKLCHoklch(56.4% 0.237 316.8)

CMYKcmyk(18%, 77%, 0%, 19%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AA30CF Complementary#55CF30 Analogous#5B30CF Analogous#CF30A4 Triadic#CFAA30 Triadic#30CFAA

Tints & Shades

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

Tints

#B64DD5 #C26ADC #CE87E3 #D8A0E9 #E4BDEF #F0DAF6

Shades

#922AB2 #7E2499 #661D7C #511763 #3A1046 #250B2D

Use #AA30CF in Our Tools

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