#DD21C1 Hex Color

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

Hex color #dd21c1 graphic
This saturated magenta demands immediate attention with its high-intensity hue. Because it is so loud, use #dd21c1 sparingly as an accent rather than a full background. It pairs well with black text, as the high contrast provides excellent readability. Designers utilize this hex code to create bold, punchy highlights in fashion layouts or modern UI elements.

Questions about #dd21c1

What is #dd21c1 in RGB, HSL and CMYK?
In RGB, #dd21c1 is rgb(221, 33, 193), in HSL hsl(309, 74%, 50%) and in CMYK 0%, 85%, 13%, 13%.
What colors pair well with the intense #dd21c1 magenta?
#dd21c1 thrives when paired with high-contrast neutrals like charcoal or stark black, which anchor its loud energy. To soften the look while maintaining vibrancy, consider using it alongside teal for a complementary, energetic contrast that balances its warmth.
Is #dd21c1 suitable for large blocks of text?
No, #dd21c1 is too visually loud and lacks the necessary contrast against white backgrounds to serve as readable body text. Reserve this saturated shade for high-impact buttons, focal points, or thin, bold headings where it can function as a strong accent.
Is #dd21c1 readable on white or black?
#dd21c1 has a 4.14:1 contrast ratio on white and 5.06: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.