#B7431F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, warm red demands attention with its intense, saturated tone. Because #b7431f is so loud, use it as a 10% accent color rather than a primary background to avoid overwhelming the viewer. It pairs unexpectedly well with deep charcoal or slate gray. The hex code for this high-energy shade is #b7431f. White text remains legible against this background with strong contrast.
Questions about #b7431f
What is #b7431f in RGB, HSL and CMYK?
In RGB, #b7431f is rgb(183, 67, 31), in HSL hsl(14, 71%, 42%) and in CMYK 0%, 63%, 83%, 28%.
Why is #b7431f best used as an accent color?
Because #b7431f is so saturated and visually loud, it functions best when limited to 10% or less of your layout. Using it in small doses prevents the color from overpowering your content while still providing a sharp, high-energy visual punch.
Is #b7431f readable on white or black?
#b7431f has a 5.47:1 contrast ratio on white and 3.83: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.