#B77309 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow, unsaturated orange balances earthy warmth with an approachable, adventurous spirit. Because it sits on the darker side, it functions best as a 10% accent color rather than a primary background. Pair it with deep charcoal or slate blue to ground its intensity. The hex code for this shade is #b77309, which provides enough contrast (5.5:1) for black body text to remain legible.
Questions about #b77309
What is #b77309 in RGB, HSL and CMYK?
In RGB, #b77309 is rgb(183, 115, 9), in HSL hsl(37, 91%, 38%) and in CMYK 0%, 37%, 95%, 28%. Browse more shades of orange with names and hex codes.
How should I use #b77309 in a design layout?
Because #b77309 is a darker, unsaturated hue, it functions best as a small accent color rather than a primary background. Using it for buttons, icons, or text highlights preserves the visual hierarchy without overwhelming your users or causing eye fatigue.
What colors pair well with #b77309 for professional branding?
Is #b77309 readable on white or black?
#b77309 has a 3.83:1 contrast ratio on white and 5.46: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.