#B3151B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, powerful red commands immediate attention. It works best as a 10% accent in design systems, particularly for high-impact call-to-action buttons. Because the hex code #b3151b is bold and dark, it pairs well with soft, neutral grays to temper its intensity. White text reads clearly against this shade, maintaining a strong 6.9:1 contrast ratio suitable for UI elements.
Questions about #b3151b
What is #b3151b in RGB, HSL and CMYK?
In RGB, #b3151b is rgb(179, 21, 27), in HSL hsl(358, 79%, 39%) and in CMYK 0%, 88%, 85%, 30%.
Where does #b3151b work best in design?
#b3151b works exceptionally well as a 10% accent color for high-impact call-to-action buttons. Because it is so bold and dark, it draws the eye immediately without overwhelming a layout when used sparingly against neutral backgrounds.
What colors pair well with #b3151b?
This deep red pairs effectively with soft, neutral grays to temper its natural intensity. Using a cool gray creates a sophisticated balance, while clean white text ensures readability and maintains the required 6.9:1 contrast ratio for accessible interfaces.
Is #b3151b readable on white or black?
#b3151b has a 6.90:1 contrast ratio on white and 3.03: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.