#B5312F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, brick-red shade commands attention without becoming overwhelming. As a strong 10 percent accent, #b5312f brings warmth and intensity to neutral palettes. It pairs unexpectedly well with deep charcoal grays or soft cream, making it a reliable choice for high-impact calls to action. White text remains readable against this hue, confirming its utility for UI buttons. The hex code for this powerful red is #b5312f.
Questions about #b5312f
What is #b5312f in RGB, HSL and CMYK?
In RGB, #b5312f is rgb(181, 49, 47), in HSL hsl(1, 59%, 45%) and in CMYK 0%, 73%, 74%, 29%.
Where should I use the color #b5312f in a design?
#b5312f works best as a targeted accent color for UI elements like call-to-action buttons or notification icons where you need to draw the eye without overwhelming the layout. Its warmth makes it feel more inviting and grounded than a standard, bright primary red.
What colors pair well with #b5312f?
This brick red balances beautifully against cool, neutral tones like charcoal or soft off-white cream to create high-contrast, professional interfaces. Using it alongside earthy neutrals prevents the red from feeling too jarring while maintaining its position as the focal point.
Is #b5312f readable on white or black?
#b5312f has a 6.09:1 contrast ratio on white and 3.44: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.