#AE14B3 Color

#AE14B3 is rgb(174, 20, 179) in RGB and hsl(298, 80%, 39%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#AE14B3

HEX#AE14B3

RGBrgb(174, 20, 179)

HSLhsl(298, 80%, 39%)

HSVhsv(298, 89%, 70%)

OKLCHoklch(53.5% 0.238 326.7)

CMYKcmyk(3%, 89%, 0%, 30%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AE14B3 Complementary#19B314 Analogous#5E14B3 Analogous#B31469 Triadic#B3AE14 Triadic#14B3AE

Tints & Shades

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

Tints

#D118D8 #E335E9 #E85AED #EE83F1 #F3A8F5 #F9D1FA

Shades

#97119C #810F85 #6B0C6E #550A57 #3E0740 #280529

Use #AE14B3 in Our Tools

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