#C3212A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated red demands immediate attention. #c3212a is a powerful, high-energy hue that works best as an accent rather than a background color. Its intensity makes it perfect for calls to action or UI alerts where urgency is required. Because white text offers the best contrast ratio at 5.9:1, use it carefully for legibility. Pair this hex code with neutral grays to balance its aggressive, bold nature.
Questions about #c3212a
What is #c3212a in RGB, HSL and CMYK?
In RGB, #c3212a is rgb(195, 33, 42), in HSL hsl(357, 71%, 45%) and in CMYK 0%, 83%, 78%, 24%.
How should I use #c3212a in a UI design?
#c3212a is best reserved for functional UI elements that require immediate user attention, such as critical error alerts or primary call-to-action buttons. Because this shade is aggressive, avoid using it for large background areas or body text.
What colors pair well with #c3212a?
This vibrant red balances best when paired with neutral tones like charcoal or soft slate grays. Using these neutrals helps ground the intense energy of #c3212a while preventing the design from feeling visually overwhelming to the viewer.
Is #c3212a readable on white or black?
#c3212a has a 5.88: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.