#E524B5 Color

#E524B5 is rgb(229, 36, 181) in RGB and hsl(315, 79%, 52%) in HSL. The closest CSS named color is DeepPink. Black text is most readable on this background.

#E524B5

HEX#E524B5

RGBrgb(229, 36, 181)

HSLhsl(315, 79%, 52%)

HSVhsv(315, 84%, 90%)

OKLCHoklch(63.1% 0.255 341.3)

CMYKcmyk(0%, 84%, 21%, 10%)

Text Contrast & Accessibility

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

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

TextBlack text5.25:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#E524B5 Complementary#24E554 Analogous#B524E5 Analogous#E52454 Triadic#B5E524 Triadic#24B5E5

Tints & Shades

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

Tints

#E944C0 #EC5FC9 #F07FD4 #F39BDD #F7BBE8 #FAD6F1

Shades

#CD18A0 #AD1487 #8D116E #720D59 #520A40 #320627

Use #E524B5 in Our Tools

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