#E01DDD Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e01ddd graphic
This high-intensity magenta screams for attention with its saturated, electric energy. Because #e01ddd dominates any space, reserve it strictly for small UI accents like call-to-action buttons or highlights. It pairs surprisingly well with deep charcoal grays to ground its loudness, preventing it from overwhelming your design. Black text remains readable against this hex code, ensuring your important details stay sharp.

Questions about #e01ddd

What is #e01ddd in RGB, HSL and CMYK?
In RGB, #e01ddd is rgb(224, 29, 221), in HSL hsl(301, 77%, 50%) and in CMYK 0%, 87%, 1%, 12%.
How can I effectively use #e01ddd in web design without overwhelming the viewer?
#e01ddd works best as a surgical tool for specific UI accents like primary call-to-action buttons or highlight markers. Because it is so saturated, grounding it with a deep charcoal or very dark gray background helps contain its intensity.
Is #e01ddd readable on white or black?
#e01ddd has a 3.89:1 contrast ratio on white and 5.38:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.