#D661D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy magenta commands attention with its intense, saturated tone. Because it is so loud, #d661d3 works best as an accent color for calls to action or pop-culture branding rather than a dominant background. Black text remains legible against this shade, making it a functional choice for high-contrast UI elements. The hex code for this vivid, flamboyant magenta is #d661d3.
Questions about #d661d3
What is #d661d3 in RGB, HSL and CMYK?
In RGB, #d661d3 is rgb(214, 97, 211), in HSL hsl(302, 59%, 61%) and in CMYK 0%, 55%, 1%, 16%.
How should I use #d661d3 effectively in a design?
#d661d3 works best as a punchy accent color rather than a primary background because of its intense, high-energy saturation. Reserve this magenta for call-to-action buttons, notification badges, or visual highlights to keep your interface clean and accessible.
Is #d661d3 readable on white or black?
#d661d3 has a 3.22:1 contrast ratio on white and 6.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.