#684733 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dark brown reads as grounded and somber. It carries an ashy, matte quality that works well for moody branding or organic, rustic textures. Because it is so unsaturated, #684733 functions best as a supporting tone rather than a large background. It offers excellent contrast with white text, making it a reliable choice for readable, professional layouts that require a sense of serious, quiet strength.
Questions about #684733
What is #684733 in RGB, HSL and CMYK?
In RGB, #684733 is rgb(104, 71, 51), in HSL hsl(23, 34%, 30%) and in CMYK 0%, 32%, 51%, 59%.
Where should I use #684733 in a layout?
#684733 functions best as a supporting tone rather than a large background color due to its muted and unsaturated nature. Use it for typography or subtle accents against cream or light beige backgrounds to create a grounded, professional aesthetic.
What colors pair well with #684733?
This color creates a natural, balanced look when paired with sage or soft warm whites. Because #684733 is essentially a desaturated, ashy brown, it also works beautifully as a neutral anchor for more vibrant earthy tones like terracotta.
Is #684733 readable on white or black?
#684733 has a 8.27:1 contrast ratio on white and 2.53: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.