#C22C2A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated red demands immediate viewer attention. Because of its high chroma, #c22c2a works best as a punchy accent color rather than a main background. It pairs surprisingly well with dark slate grays to ground its natural urgency. White text remains legible against this hex code, ensuring that your call to action buttons are always clear and readable.
Questions about #c22c2a
What is #c22c2a in RGB, HSL and CMYK?
In RGB, #c22c2a is rgb(194, 44, 42), in HSL hsl(1, 64%, 46%) and in CMYK 0%, 77%, 78%, 24%.
Where is the most effective place to use #c22c2a in a design?
This color thrives as an accent for call-to-action buttons or alert icons because its high saturation commands immediate attention. Avoid using #c22c2a as a primary background, as its intensity can cause visual fatigue when covering large surface areas.
What colors pair well with #c22c2a for a balanced palette?
Pair #c22c2a with a deep charcoal or slate gray to ground its urgency and prevent it from appearing overwhelming. For a higher contrast look, standard white text remains highly legible against this deep, punchy red base.
Is #c22c2a readable on white or black?
#c22c2a has a 5.69:1 contrast ratio on white and 3.68: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.