#B8312F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This strong, saturated red commands immediate attention. It is intense and urgent, making it perfect for call-to-action buttons or emergency indicators. Because it carries so much visual weight, use #b8312f as a 10% accent rather than a full page background. White text sits comfortably on this shade, meeting accessibility standards for readable, high-contrast UI design.
Questions about #b8312f
What is #b8312f in RGB, HSL and CMYK?
In RGB, #b8312f is rgb(184, 49, 47), in HSL hsl(1, 59%, 45%) and in CMYK 0%, 73%, 74%, 28%.
How should I use #b8312f in a user interface?
Reserve #b8312f for high-priority elements like call-to-action buttons or emergency error notifications. Because this shade carries significant visual weight, applying it to more than 10% of your screen will overwhelm the viewer and make other elements difficult to see.
What colors pair well with the #b8312f red?
This bold red creates a clean, professional aesthetic when balanced against neutral shades like charcoal or soft off-whites. Avoid pairing it with other vibrant, saturated colors, as that creates visual vibration and makes the interface difficult to read.
Is #b8312f readable on white or black?
#b8312f has a 5.96:1 contrast ratio on white and 3.51: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.