#9E6334 Hex Color

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

Hex color #9e6334 graphic
This muted, earthy orange carries a heavy, sun-baked quality. It works best as an accent or secondary tone rather than a background, where it can lean muddy. It pairs beautifully with cool slate blues or warm cream. With a 4.9:1 contrast ratio, white text remains highly readable against the hex code #9e6334 for clear, accessible design.

Questions about #9e6334

What is #9e6334 in RGB, HSL and CMYK?
In RGB, #9e6334 is rgb(158, 99, 52), in HSL hsl(27, 50%, 41%) and in CMYK 0%, 37%, 67%, 38%.
How should I use #9e6334 in a design layout?
Because #9e6334 has a heavy, sun-baked quality, it functions best as a focused accent color rather than a large background. Using it too broadly can create a muddy effect, so restrict it to buttons, icons, or specific graphic elements for maximum impact.
Which color combinations work well with #9e6334?
This earthy shade pairs beautifully with slate blues, which provide a cool, professional contrast to the warmth of the orange. Alternatively, using cream or soft off-whites creates a balanced, sophisticated palette that highlights the rich, organic nature of the color.
Is #9e6334 readable on white or black?
#9e6334 has a 4.89:1 contrast ratio on white and 4.28: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.