#B8730A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, mellow orange carries a muted warmth that feels grounded and approachable. Because of its darker tone, the hex code #b8730a functions best as a dominant 60% base color in autumn-themed designs or sports branding. It pairs well with charcoal greys and creams, avoiding the high-energy clash of brighter yellows. With a 5.5:1 contrast ratio against black, it maintains high readability for UI text.
Questions about #b8730a
What is #b8730a in RGB, HSL and CMYK?
In RGB, #b8730a is rgb(184, 115, 10), in HSL hsl(36, 90%, 38%) and in CMYK 0%, 38%, 95%, 28%.
What colors pair best with #b8730a for branding?
#b8730a balances beautifully against neutral foundations like charcoal or deep, cool greys, preventing the high-energy clash often found with brighter yellows. You can also pair it with creamy off-whites to let its grounded, autumnal warmth stand out effectively.
Is #b8730a suitable for UI text usage?
Yes, #b8730a maintains a 5.5:1 contrast ratio against black, making it a reliable choice for accessible UI text. Its darker, saturated tone ensures it remains readable and soft on the eyes without the harshness of pure orange.
Is #b8730a readable on white or black?
#b8730a has a 3.82:1 contrast ratio on white and 5.49:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.