#DD77A7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and approachable, #dd77a7 is a warm, unsaturated pink that avoids the intensity of neon tones. Because it offers strong contrast against black, it works effectively for bold text and distinct UI elements. Use this hex code as an accent color rather than a primary background to keep designs feeling balanced. It pairs well with charcoal grays or deep, desaturated teals for a modern aesthetic.
Questions about #dd77a7
What is #dd77a7 in RGB, HSL and CMYK?
In RGB, #dd77a7 is rgb(221, 119, 167), in HSL hsl(332, 60%, 67%) and in CMYK 0%, 46%, 24%, 13%.
What colors pair well with #dd77a7?
#dd77a7 works best when grounded by neutral, earthy tones to balance its warmth. It creates a modern, professional look when paired with charcoal or deep, desaturated teals, which allow the pink to pop without becoming overwhelming or overly sweet.
How should I use #dd77a7 in UI design?
Reserve #dd77a7 for accent elements like buttons, active states, or headings rather than large background areas. Its unsaturated nature provides excellent readability against dark backgrounds, ensuring your interface remains accessible while still feeling vibrant and distinct.
Is #dd77a7 readable on white or black?
#dd77a7 has a 2.88:1 contrast ratio on white and 7.27:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.