#D16CC7 Hex Color
Vibrant and intense magenta for accents
High-energy and intense, this magenta packs a punch for UI accents or bold calls to action. Due to its bright saturation, it works best as a small pop of color rather than a primary background. It pairs well with charcoal gray or deep blacks. With a strong contrast ratio, black text remains legible over this hue. The hex code for this color is #d16cc7.
Questions about #d16cc7
What is #d16cc7 in RGB, HSL and CMYK?
In RGB, #d16cc7 is rgb(209, 108, 199), in HSL hsl(306, 52%, 62%) and in CMYK 0%, 48%, 5%, 18%.
What colors pair well with #d16cc7?
This magenta pairs best with dark, neutral shades like charcoal or deep, near-black tones to ground its intensity. Using it against these darker neutrals creates a balanced, professional look that allows the vibrancy of #d16cc7 to function as a purposeful accent without overwhelming the design.
How should I use #d16cc7 in UI design?
Because of its high saturation, use #d16cc7 sparingly as a strategic UI accent rather than a primary background color. It is excellent for drawing attention to call-to-action buttons or small visual elements, ensuring the design remains legible and avoids eye fatigue for the user.
Is #d16cc7 readable on white or black?
#d16cc7 has a 3.14:1 contrast ratio on white and 6.68: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.