#C42424 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm red demands immediate attention. Because #c42424 carries high visual intensity, it serves best as a 10% accent color rather than a primary background. Pair it with deep charcoals to soften its aggressive edge or use it for high-conversion buttons where urgency is required. The hex code for this vivid shade is #c42424, and it supports white text with excellent contrast.
Questions about #c42424
What is #c42424 in RGB, HSL and CMYK?
In RGB, #c42424 is rgb(196, 36, 36), in HSL hsl(0, 69%, 45%) and in CMYK 0%, 82%, 82%, 23%.
Where should I use the red of #c42424 in a design layout?
Because #c42424 carries such high visual intensity, it is best reserved as a 10% accent color rather than a primary background shade. Use it specifically for call-to-action buttons or highlights where you need to create an immediate sense of urgency.
What colors pair well with #c42424 to balance its aggressiveness?
You can soften the sharp, aggressive edge of #c42424 by pairing it with deep charcoal or cool neutral grays. These darker, muted tones provide a necessary anchor that allows the vivid red to pop without overwhelming the surrounding interface elements.
Is #c42424 readable on white or black?
#c42424 has a 5.79:1 contrast ratio on white and 3.62: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.