#D42755 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d42755 is a high-saturation red with powerful, energetic undertones. Because it commands immediate attention, this shade works best as a punchy 10% accent color for calls to action or UI highlights rather than a large background. It pairs effectively with cool, dark grays to ground its intensity. White text maintains readable contrast against this hex code, ensuring your design remains accessible.
Questions about #d42755
What is #d42755 in RGB, HSL and CMYK?
In RGB, #d42755 is rgb(212, 39, 85), in HSL hsl(344, 69%, 49%) and in CMYK 0%, 82%, 60%, 17%.
How should I use #d42755 in a user interface?
#d42755 functions best as a small, deliberate 10% accent color for interactive elements like buttons, error states, or call-to-action links. Because of its extreme intensity, avoiding it for large backgrounds prevents eye fatigue and maintains readability.
What colors pair well with #d42755 for a balanced design?
Pair #d42755 with deep, neutral charcoal or dark gray tones to ground its inherent energy. These dark, muted companions provide the necessary contrast to let the red pop without overwhelming the user or making the layout feel chaotic.
Is #d42755 readable on white or black?
#d42755 has a 4.97:1 contrast ratio on white and 4.22: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.