#5B4A40 Hex Color

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

Hex color #5b4a40 graphic
This dusty, dark brown sits in a muted, ashy space between grey and chocolate. Its somber weight works best as a supporting tone rather than a large background, where it can easily appear flat or muddy. #5b4a40 carries enough depth to ground rustic branding or organic packaging. White text pops against this hex code, ensuring readable contrast for any UI elements or heavy, dark-mode designs.

Questions about #5b4a40

What is #5b4a40 in RGB, HSL and CMYK?
In RGB, #5b4a40 is rgb(91, 74, 64), in HSL hsl(22, 17%, 30%) and in CMYK 0%, 19%, 30%, 64%.
What colors pair well with #5b4a40?
This earthy brown pairs best with soft neutrals like cream or linen to prevent it from looking muddy. For a more sophisticated contrast, try pairing it with sage green or a deep terracotta to emphasize its warmth and natural, organic character.
Is #5b4a40 suitable for text on websites?
Yes, #5b4a40 provides excellent readability when used as a background color for white or off-white text. Because of its dark, heavy nature, it functions effectively as a grounding element, though it is generally too dark to be used as a primary text color itself.
Is #5b4a40 readable on white or black?
#5b4a40 has a 8.40:1 contrast ratio on white and 2.49: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.