#C3212C Hex Color
A high-intensity red that commands attention
This saturated, high-intensity red commands attention immediately. Because of its sheer power, #c3212c works best as a 10% accent color rather than a primary background to avoid overwhelming the eye. It pairs surprisingly well with charcoal grays and soft creams, which temper its urgency. Since white text maintains a strong 5.9:1 contrast ratio against it, use this hex code for bold call-to-action buttons or cautionary UI elements.
Questions about #c3212c
What is #c3212c in RGB, HSL and CMYK?
In RGB, #c3212c is rgb(195, 33, 44), in HSL hsl(356, 71%, 45%) and in CMYK 0%, 83%, 77%, 24%.
How should I use #c3212c in a UI design?
Apply #c3212c sparingly as a 10% accent color to draw attention to call-to-action buttons or cautionary alerts. Because of its sheer intensity, using it as a primary background often overwhelms the user and can cause visual fatigue.
What colors pair well with #c3212c?
This powerful red balances effectively against charcoal grays or soft, neutral creams, which help temper its natural urgency. These cooler or lighter tones provide a necessary anchor that allows the intensity of #c3212c to pop without clashing.
Is #c3212c readable on white or black?
#c3212c has a 5.87:1 contrast ratio on white and 3.57: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.