#874600 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, unsaturated brown carries a muted warmth that suggests leather or roasted coffee. Because it is quite dim, the hex code #874600 works best as an accent color rather than a large background. It pairs well with cream or muted gold to soften its somber tone. Since white text provides a high contrast, it remains legible if you use this shade for UI buttons or typography.
Questions about #874600
What is #874600 in RGB, HSL and CMYK?
In RGB, #874600 is rgb(135, 70, 0), in HSL hsl(31, 100%, 26%) and in CMYK 0%, 48%, 100%, 47%.
What colors pair well with #874600 in a design scheme?
This deep brown balances best with lighter neutrals like cream, soft beige, or muted gold to lift its somber tone. For a more modern aesthetic, use #874600 as a grounding element against bright, cool accents like sky blue or sage to create a sophisticated, natural contrast.
Is #874600 suitable for body text or web UI?
While #874600 is a dark, readable brown, it generally lacks the contrast required for standard body text against white backgrounds. It serves as an excellent choice for headers, buttons, or call-to-action elements where you want a warmer, more organic feel than standard black.
Is #874600 readable on white or black?
#874600 has a 7.22:1 contrast ratio on white and 2.90: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 is too faint for text. Try other pairs in the contrast checker.