#DD66A7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dd66a7 is a bold, saturated magenta-pink that demands immediate attention. This high-energy shade works best as an accent color rather than a dominant background, where it can easily overwhelm a composition. It pairs surprisingly well with dark charcoal greys, grounding its intensity. Since it maintains excellent contrast ratios with black text, use it for impactful buttons or call-to-action highlights in fashion and modern UI designs.
Questions about #dd66a7
What is #dd66a7 in RGB, HSL and CMYK?
In RGB, #dd66a7 is rgb(221, 102, 167), in HSL hsl(327, 64%, 63%) and in CMYK 0%, 54%, 24%, 13%.
How can I effectively use #dd66a7 in a UI design?
#dd66a7 works best as a focused accent color rather than a primary background shade to prevent eye strain. Use it sparingly for call-to-action buttons, active states, or notification badges, and pair it with charcoal or dark gray text for high readability.
What colors pair well with #dd66a7?
This magenta pink pairs surprisingly well with deep charcoal grays, which ground its intensity without clashing. For a more sophisticated palette, try balancing #dd66a7 with soft off-whites or muted teals, allowing the vibrant pink to pop against those neutral or cooling backdrops.
Is #dd66a7 readable on white or black?
#dd66a7 has a 3.21:1 contrast ratio on white and 6.53: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.