#DD40B9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, highly saturated magenta demands immediate attention. Because of its extreme vividness, #dd40b9 works best as a sharp 10% accent rather than a full page background. It pairs surprisingly well with dark charcoal greys, grounding its sugary energy. Black text remains readable on this hex code, making it a viable choice for bold call-to-action buttons in modern UI design.
Questions about #dd40b9
What is #dd40b9 in RGB, HSL and CMYK?
In RGB, #dd40b9 is rgb(221, 64, 185), in HSL hsl(314, 70%, 56%) and in CMYK 0%, 71%, 16%, 13%.
How can I effectively use #dd40b9 in interface design?
#dd40b9 works best as a surgical 10% accent color for call-to-action buttons or highlights. Because of its extreme vividness, avoid using it for large background areas or body text, as the high saturation can overwhelm the viewer's eyes during extended browsing.
What colors pair well with the intense #dd40b9 magenta?
This magenta pairs surprisingly well with dark charcoal or deep neutral grays which help ground its sugary, high-energy tone. Using these darker, muted tones creates a sophisticated contrast that prevents the vibrant magenta from feeling too chaotic or juvenile in your layout.
Is #dd40b9 readable on white or black?
#dd40b9 has a 3.81:1 contrast ratio on white and 5.50: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.