#AE1380 Color

#AE1380 is rgb(174, 19, 128) in RGB and hsl(318, 80%, 38%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#AE1380

HEX#AE1380

RGBrgb(174, 19, 128)

HSLhsl(318, 80%, 38%)

HSVhsv(318, 89%, 68%)

OKLCHoklch(50.7% 0.206 344.7)

CMYKcmyk(0%, 89%, 26%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AE1380 Complementary#13AE42 Analogous#8F13AE Analogous#AE1332 Triadic#80AE13 Triadic#1380AE

Tints & Shades

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

Tints

#D8189E #E830B1 #ED5AC1 #F17ECE #F5A8DE #F9CDEC

Shades

#97116F #810E5E #6A0C4D #570A40 #40072F #29051E

Use #AE1380 in Our Tools

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