#C22F2F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#c22f2f is a saturated, strong red that demands immediate attention. This high-intensity shade works best as an accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with cool, desaturated teals or dark charcoals to balance its warmth. Because it offers strong contrast against white text, it serves as a reliable, readable choice for alert boxes and critical notifications.
Questions about #c22f2f
What is #c22f2f in RGB, HSL and CMYK?
In RGB, #c22f2f is rgb(194, 47, 47), in HSL hsl(0, 61%, 47%) and in CMYK 0%, 76%, 76%, 24%.
How can I balance #c22f2f in a user interface?
#c22f2f functions best as a focused accent rather than a background color because of its high visual intensity. To maintain balance, pair this bold red with muted charcoal or deep neutral grays to soften the overall composition.
Is #c22f2f suitable for text on a white background?
#c22f2f provides strong contrast against white, making it a reliable choice for critical notifications, error messages, or alert boxes where readability is essential. Always test your specific font size and weight to ensure it meets standard accessibility requirements.
Is #c22f2f readable on white or black?
#c22f2f has a 5.61:1 contrast ratio on white and 3.74: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.