#B21711 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b21711 is a saturated, intense red with a heavy, serious character. It commands attention without the neon brightness of lighter reds, making it ideal for call-to-action buttons or sharp accents. Because it holds significant weight, it works best as a 10 percent highlight rather than a dominant background. White text remains readable against this hex code, offering a clean, high-contrast look for UI design.
Questions about #b21711
What is #b21711 in RGB, HSL and CMYK?
In RGB, #b21711 is rgb(178, 23, 17), in HSL hsl(2, 83%, 38%) and in CMYK 0%, 87%, 90%, 30%.
Where should I use #b21711 in a user interface?
Reserve #b21711 for high-priority UI elements like primary call-to-action buttons or critical alert highlights. Because of its weight and saturation, it works best as a ten percent accent rather than a dominant background color, which might overwhelm users.
Does white text read well against #b21711?
Yes, white text provides excellent contrast against #b21711, making it a reliable choice for buttons or bold headlines. This combination ensures high legibility, which is essential for maintaining accessibility standards when using strong, saturated colors in digital design layouts.
Is #b21711 readable on white or black?
#b21711 has a 6.94:1 contrast ratio on white and 3.02: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.