#B86622 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b86622 graphic
This mellow, desaturated orange offers a warm, earthy tone that avoids the intensity of standard safety orange. Because it lacks high saturation, it works best as a supporting accent rather than a dominant background, where it can easily appear muddy. Black text on the hex code #b86622 hits a 5.0:1 contrast ratio, ensuring excellent readability for small type and accessibility compliance.

Questions about #b86622

What is #b86622 in RGB, HSL and CMYK?
In RGB, #b86622 is rgb(184, 102, 34), in HSL hsl(27, 69%, 43%) and in CMYK 0%, 45%, 82%, 28%.
Does #b86622 work well as a background color?
It is generally better to use #b86622 as an accent rather than a primary background color, as it can appear muddy or heavy when applied to large areas. Pair it with lighter, neutral tones to maintain a clean aesthetic.
What colors pair well with #b86622?
This earthy orange pairs beautifully with deep charcoal for high contrast or soft cream for a balanced, sophisticated look. You can also ground it using muted greens like sage to enhance the organic, natural feel of the palette.
Is #b86622 readable on white or black?
#b86622 has a 4.23:1 contrast ratio on white and 4.96: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.