#D23C9C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense magenta commands attention with its high saturation and bold, warm undertones. Because it creates such a loud, jarring visual, use #d23c9c sparingly as a 10% accent color for calls to action or playful branding rather than large backgrounds. It maintains excellent readability with black text, but pair it with muted neutrals like charcoal or soft slate to prevent it from overwhelming the eyes.
Questions about #d23c9c
What is #d23c9c in RGB, HSL and CMYK?
In RGB, #d23c9c is rgb(210, 60, 156), in HSL hsl(322, 62%, 53%) and in CMYK 0%, 71%, 26%, 18%.
How should I effectively use #d23c9c in a design layout?
Because #d23c9c is visually jarring at scale, treat it as a 10% accent color for interactive elements like buttons or notification badges. This saturation level commands attention without fatiguing the viewer, so avoid using it for large background blocks.
Which neutral colors balance the intensity of #d23c9c?
Pair #d23c9c with muted neutrals like charcoal or soft slate to ground the high energy of the magenta. Using these darker, desaturated tones provides the necessary contrast to maintain readability while ensuring the vibrant pink remains the focal point.
Is #d23c9c readable on white or black?
#d23c9c has a 4.31:1 contrast ratio on white and 4.86: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.