#DD4FDD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dd4fdd is a high-intensity, saturated magenta that demands attention. Because of its extreme brightness, it works best as a punchy accent color rather than a dominant background. Use this shade in UI highlights or call-to-action buttons to ensure visibility. It pairs unexpectedly well with deep teals or charcoal grays. The hex code for this electric magenta is #dd4fdd, which maintains sufficient contrast for legible black text.
Questions about #dd4fdd
What is #dd4fdd in RGB, HSL and CMYK?
In RGB, #dd4fdd is rgb(221, 79, 221), in HSL hsl(300, 68%, 59%) and in CMYK 0%, 64%, 0%, 13%.
How should I effectively use #dd4fdd in web design?
Reserve #dd4fdd for small UI elements like buttons, notification badges, or icon highlights to maximize its visual impact without overwhelming the user interface. Due to its extreme saturation, it functions best as a focused accent rather than a primary brand color.
Which colors pair best with the #dd4fdd magenta?
This electric magenta creates a striking contrast when placed against deep neutrals like charcoal or very dark teals. These grounded, moody hues prevent the high energy of #dd4fdd from appearing chaotic, ensuring your design remains legible and visually balanced.
Is #dd4fdd readable on white or black?
#dd4fdd has a 3.36:1 contrast ratio on white and 6.23: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.