#C20232 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity red demands attention through its sheer saturation. Because #c20232 feels aggressive, designers should limit its use to ten percent accent pieces like call-to-action buttons or critical alerts. It pairs effectively with dark gray backgrounds, as it can feel jarring against white. White text maintains excellent legibility over this hex code, ensuring that your most important messages remain readable and striking.
Questions about #c20232
What is #c20232 in RGB, HSL and CMYK?
In RGB, #c20232 is rgb(194, 2, 50), in HSL hsl(345, 98%, 38%) and in CMYK 0%, 99%, 74%, 24%.
Where should I use #c20232 in my designs?
Limit the use of #c20232 to roughly ten percent of your layout, such as for call-to-action buttons or essential alert notifications. Because this red is so aggressive, it functions best as a striking focal point rather than a primary brand background.
What colors pair well with #c20232?
This red pairs effectively with dark, neutral tones like charcoal or deep slate, which soften its intensity. Avoid placing it directly against pure white backgrounds, as the high contrast can feel jarring and visually fatiguing to the reader.
Is #c20232 readable on white or black?
#c20232 has a 6.27:1 contrast ratio on white and 3.34: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.