#C21414 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red commands immediate attention, functioning best as a punchy accent rather than a full background. The hex code #c21414 is a saturated, warm shade that works well for calls to action or alert indicators. Because it maintains a strong 6.2:1 contrast ratio against white text, it remains legible when used for buttons or headers in UI design.
Questions about #c21414
What is #c21414 in RGB, HSL and CMYK?
In RGB, #c21414 is rgb(194, 20, 20), in HSL hsl(0, 81%, 42%) and in CMYK 0%, 90%, 90%, 24%.
Is #c21414 a safe choice for text?
This #c21414 red provides a strong 6.2:1 contrast ratio against white backgrounds, making it excellent for large headers or bold button labels. Avoid using it for small body text where legibility standards require softer, more neutral tones for prolonged reading sessions.
How should I use #c21414 in my design?
Use #c21414 sparingly as an accent color for calls to action, error messages, or alert icons to draw the eye immediately. Pairing it with a neutral charcoal or deep slate creates a sophisticated look that prevents the red from becoming too overwhelming.
Is #c21414 readable on white or black?
#c21414 has a 6.16:1 contrast ratio on white and 3.40: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.