#D986D5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon-leaning magenta offers a punchy, high-energy aesthetic perfect for youthful branding and cosmetics. Because of its intense saturation, use #d986d5 as a 10 percent accent rather than a full page background. It contrasts sharply with black text, ensuring excellent readability for UI components. Try pairing this hex code with deep charcoal or slate tones to balance its brightness without losing its playful edge.
Questions about #d986d5
What is #d986d5 in RGB, HSL and CMYK?
In RGB, #d986d5 is rgb(217, 134, 213), in HSL hsl(303, 52%, 69%) and in CMYK 0%, 38%, 2%, 15%.
How should I use #d986d5 in a layout?
Because #d986d5 is highly saturated, it functions most effectively as a strategic 10 percent accent color rather than a primary background. It provides a sharp, energetic contrast against black or charcoal text, ensuring readability in UI buttons or notification badges.
What colors pair well with #d986d5?
Pairing #d986d5 with neutral, deep tones like charcoal or slate gray creates a balanced look that prevents the brightness from becoming overwhelming. Alternatively, using it alongside clean white space allows the magenta to stand out as a playful, high-energy visual anchor.
Is #d986d5 readable on white or black?
#d986d5 has a 2.52:1 contrast ratio on white and 8.32: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.