#DD406F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#dd406f is a saturated, high-energy pink that demands immediate attention. Due to its intense chroma, this hue works best as a bold 10% accent in UI design rather than a full background. It pairs surprisingly well with deep charcoal grays for a modern, edgy look. Because black text maintains a 5.0:1 contrast ratio against it, the hex code #dd406f remains readable even at small sizes.
Questions about #dd406f
What is #dd406f in RGB, HSL and CMYK?
In RGB, #dd406f is rgb(221, 64, 111), in HSL hsl(342, 70%, 56%) and in CMYK 0%, 71%, 50%, 13%.
How should I use #dd406f in web design?
#dd406f is best applied as a strategic accent color covering about 10% of a screen, as its high saturation can overwhelm the eye. It works effectively for call-to-action buttons or small, important UI elements against neutral backgrounds.
What colors pair well with #dd406f?
This vibrant pink pairs effectively with charcoal or deep slate grays to create a modern, high-contrast look that grounds the energy of the color. You can also use crisp off-whites to let the pink stand out as the primary visual focus.
Is #dd406f readable on white or black?
#dd406f has a 4.16:1 contrast ratio on white and 5.03: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.