#DE53E2 Hex Color
Electrified magenta with high visual impact
This intense magenta demands attention with its high saturation and electrified tone. As a powerful accent color, #de53e2 works best in small doses to highlight call-to-action buttons or branding elements. Because black text maintains a high contrast ratio of 6.4:1 against this shade, it functions well for legibility. Avoid using it as a primary background, as its sheer volume often overwhelms UI layouts.
Questions about #de53e2
What is #de53e2 in RGB, HSL and CMYK?
In RGB, #de53e2 is rgb(222, 83, 226), in HSL hsl(298, 71%, 61%) and in CMYK 2%, 63%, 0%, 11%.
How should I use #de53e2 in web design?
Use #de53e2 primarily as a high-impact accent color for call-to-action buttons, icons, or specific branding highlights that require immediate attention. Because of its extreme saturation, it tends to overwhelm the eye when applied to large backgrounds or text blocks.
Is #de53e2 readable on white or black?
#de53e2 has a 3.26:1 contrast ratio on white and 6.44: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.