#AE1370 Color

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

#AE1370

HEX#AE1370

RGBrgb(174, 19, 112)

HSLhsl(324, 80%, 38%)

HSVhsv(324, 89%, 68%)

OKLCHoklch(50% 0.198 351.4)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#AE1370 Complementary#13AE51 Analogous#9F13AE Analogous#AE1323 Triadic#70AE13 Triadic#1370AE

Tints & Shades

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

Tints

#D8188B #E8309F #ED5AB2 #F17EC3 #F5A8D6 #F9CDE7

Shades

#971162 #810E53 #6A0C44 #570A38 #400729 #29051B

Use #AE1370 in Our Tools

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