#B71512 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity red commands immediate attention. Because of its weight, the hex code #b71512 functions best as a small, purposeful accent rather than a full background. Pair it with dark grays or charcoal for a sophisticated, moody contrast. It offers excellent legibility with white text, making it a strong choice for urgent calls to action or hazard warnings in UI design.
Questions about #b71512
What is #b71512 in RGB, HSL and CMYK?
In RGB, #b71512 is rgb(183, 21, 18), in HSL hsl(1, 82%, 39%) and in CMYK 0%, 89%, 90%, 28%.
What colors pair best with #b71512 for a sophisticated design?
#b71512 works most effectively when balanced against dark, neutral tones like charcoal or deep slate. These colors provide a grounding effect that prevents the high-intensity red from feeling overwhelming, while ensuring your text remains accessible and easy to read.
Is #b71512 suitable for large background areas in web design?
It is generally not recommended to use #b71512 as a primary background color because its high saturation can quickly cause eye fatigue for users. Instead, reserve this weight for small, purposeful elements like buttons, error states, or urgent call-to-action sections.
Is #b71512 readable on white or black?
#b71512 has a 6.71:1 contrast ratio on white and 3.12: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.