#C22F1A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy red demands attention without being abrasive. Because of its intensity, #c22f1a works best as a sharp accent rather than a background color. It pairs surprisingly well with deep charcoal grays for a modern, industrial look. The hex code for this vivid shade is #c22f1a, and it maintains excellent readability with white text for critical UI elements like call-to-action buttons.
Questions about #c22f1a
What is #c22f1a in RGB, HSL and CMYK?
In RGB, #c22f1a is rgb(194, 47, 26), in HSL hsl(8, 76%, 43%) and in CMYK 0%, 76%, 87%, 24%.
How should #c22f1a be used in UI design?
Use #c22f1a sparingly as a high-impact accent color for call-to-action buttons or critical alerts. Because of its visual intensity, it can overpower layouts if used too broadly, so it shines brightest against a charcoal or dark gray background.
Is #c22f1a readable on white or black?
#c22f1a has a 5.65:1 contrast ratio on white and 3.71: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.