#C42414 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red commands immediate attention. Because #c42414 is so bold and aggressive, it functions best as a small accent or a high-impact call to action rather than a background. Use white text over this shade for clear readability. The hex code #c42414 pairs effectively with neutral grays or deep charcoals to ground its powerful, energetic tone without overwhelming the user interface.
Questions about #c42414
What is #c42414 in RGB, HSL and CMYK?
In RGB, #c42414 is rgb(196, 36, 20), in HSL hsl(5, 81%, 42%) and in CMYK 0%, 82%, 90%, 23%.
Is #c42414 appropriate for body text?
Using #c42414 for body text is generally ill-advised because the extreme saturation creates significant eye strain and readability issues. Reserve this intense red for high-impact elements like primary buttons or critical error notifications where you need to draw the eye immediately.
What neutral tones work best alongside #c42414?
Pair #c42414 with charcoal or soft neutral grays to ground the energy without creating a jarring clash. These deep neutrals provide the necessary visual weight to balance the intensity of the red while keeping the overall design clean and accessible.
Is #c42414 readable on white or black?
#c42414 has a 5.81:1 contrast ratio on white and 3.60: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.