#DC3F57 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red carries a warm, punchy personality. Because it leans quite bright, it functions best as a focused accent or a call to action rather than a background. Pair it with soft, cool grays to keep designs balanced. Black text reads clearly against this shade, meeting WCAG standards. The hex code for this red is #dc3f57.
Questions about #dc3f57
What is #dc3f57 in RGB, HSL and CMYK?
In RGB, #dc3f57 is rgb(220, 63, 87), in HSL hsl(351, 69%, 55%) and in CMYK 0%, 71%, 60%, 14%.
How should I use #dc3f57 in a digital interface?
#dc3f57 functions best as a high-visibility accent color, specifically for primary call-to-action buttons or essential notifications where you need immediate user focus. Because it is so saturated, avoid using it for large backgrounds or body text.
What colors pair well with #dc3f57?
This warm red looks balanced when paired with cool gray or slate tones, which help ground its intense energy without fighting for attention. Avoid pairing it with other aggressive warm colors, as this can cause visual vibration and strain the eyes.
Is #dc3f57 readable on white or black?
#dc3f57 has a 4.29:1 contrast ratio on white and 4.89: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.