#AA31E3 Color

#AA31E3 is rgb(170, 49, 227) in RGB and hsl(281, 76%, 54%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#AA31E3

HEX#AA31E3

RGBrgb(170, 49, 227)

HSLhsl(281, 76%, 54%)

HSVhsv(281, 78%, 89%)

OKLCHoklch(57.9% 0.253 311.7)

CMYKcmyk(25%, 78%, 0%, 11%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AA31E3 Complementary#69E331 Analogous#5131E3 Analogous#E331C2 Triadic#E3AA31 Triadic#31E3AA

Tints & Shades

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

Tints

#B54BE7 #C26BEB #CD86EE #D8A1F2 #E3BCF6 #F0DBFA

Shades

#991DD3 #8218B4 #6C1494 #520F70 #3B0B51 #240731

Use #AA31E3 in Our Tools

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