#AE80EA Color

#AE80EA is rgb(174, 128, 234) in RGB and hsl(266, 72%, 71%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#AE80EA

HEX#AE80EA

RGBrgb(174, 128, 234)

HSLhsl(266, 72%, 71%)

HSVhsv(266, 45%, 92%)

OKLCHoklch(68.8% 0.157 302.5)

CMYKcmyk(26%, 45%, 0%, 8%)

Text Contrast & Accessibility

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

TextWhite text2.97:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text7.08:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#AE80EA Complementary#BCEA80 Analogous#8087EA Analogous#E380EA Triadic#EAAE80 Triadic#80EAAE

Tints & Shades

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

Tints

#B991ED #C4A3F0 #CFB4F3 #D8C2F5 #E3D3F8 #EEE5FB

Shades

#9254E3 #792CDD #611EB8 #4C1891 #351065 #200A3D

Use #AE80EA in Our Tools

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