#B67308 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This earthy, unsaturated orange carries deep brownish undertones that feel organic rather than vivid. It functions best as an accent color to balance cooler tones like teal or slate blue. Since this hex code provides a 5.4:1 contrast ratio, black text remains perfectly legible for UI elements and body copy. Designers often reach for #b67308 to bring a grounded sense of warmth to autumnal palettes.
Questions about #b67308
What is #b67308 in RGB, HSL and CMYK?
In RGB, #b67308 is rgb(182, 115, 8), in HSL hsl(37, 92%, 37%) and in CMYK 0%, 37%, 96%, 29%.
What colors pair well with #b67308?
#b67308 works best when contrasted against cool, desaturated tones to prevent it from feeling too heavy. Pair it with slate blue or cool gray to ground the visual, or use a deep teal to create a sophisticated, balanced look for web accents.
Is #b67308 suitable for text on a white background?
Yes, #b67308 maintains a 5.4:1 contrast ratio against a standard white background, which satisfies WCAG AA guidelines for body copy. This allows you to use it confidently for headers or UI elements that require readability without sacrificing its organic aesthetic.
Is #b67308 readable on white or black?
#b67308 has a 3.85:1 contrast ratio on white and 5.44: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.