#D5246D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated pink demands immediate attention and refuses to blend into the background. Due to its high chroma, it works best as an accent color for calls to action or UI highlights rather than a large background. The hex code #d5246d pairs well with charcoal grays to balance its warmth. White text remains legible on this shade, making it functional for bold, high-contrast typography.
Questions about #d5246d
What is #d5246d in RGB, HSL and CMYK?
In RGB, #d5246d is rgb(213, 36, 109), in HSL hsl(335, 71%, 49%) and in CMYK 0%, 83%, 49%, 16%.
How should I use #d5246d in a professional interface?
Because of its high intensity, #d5246d works best as a targeted accent color rather than a primary brand color. Use it for critical calls-to-action or status indicators where you need the user's eye to be drawn immediately to a specific interactive element.
What colors pair well with #d5246d to soften its intensity?
To balance the warmth of #d5246d, pair it with deep, neutral tones like charcoal or slate gray. These darker neutrals provide the necessary contrast to anchor the vibrancy of the pink without competing with it, making the overall design feel balanced and intentional.
Is #d5246d readable on white or black?
#d5246d has a 4.88:1 contrast ratio on white and 4.30:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.