#B22C15 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm red feels aggressive and immediate. Because it carries so much visual weight, #b22c15 works best as a sharp accent color rather than a large-scale background. It pairs well with slate grays or muted, cool teals to ground its intensity. Use this hex code to direct attention to calls to action or alert UI elements, as white text remains readable against it.
Questions about #b22c15
What is #b22c15 in RGB, HSL and CMYK?
In RGB, #b22c15 is rgb(178, 44, 21), in HSL hsl(9, 79%, 39%) and in CMYK 0%, 75%, 88%, 30%.
How can I balance the intensity of #b22c15 in a UI layout?
Is #b22c15 readable on white or black?
#b22c15 has a 6.43:1 contrast ratio on white and 3.26: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.