#5C4A36 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, desaturated brown brings a grounded, dusty quality to organic branding and vintage-inspired designs. While the hex code #5c4a36 serves well as a supporting background, it can appear muddy when used for large, flat surfaces. It offers an 8.4:1 contrast ratio against white text, making it a reliable choice for readable, high-contrast layouts when paired with softer creams or lighter earth tones.
Questions about #5c4a36
What is #5c4a36 in RGB, HSL and CMYK?
In RGB, #5c4a36 is rgb(92, 74, 54), in HSL hsl(32, 26%, 29%) and in CMYK 0%, 20%, 41%, 64%.
What colors pair best with #5c4a36?
This muted brown works beautifully with softer creams and lighter earth tones to maintain high readability. To add depth without cluttering the design, you can balance the darkness of #5c4a36 by pairing it with sage or other desaturated greens.
How can I use #5c4a36 without it looking muddy?
The key to using #5c4a36 effectively is to treat it as a supporting background rather than a primary fill for large, flat surfaces. Since it is a desaturated, darker shade, it performs best when contrasted against bright whites or very pale neutrals.
Is #5c4a36 readable on white or black?
#5c4a36 has a 8.44:1 contrast ratio on white and 2.48: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.