#5B4C47 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted brownish-grey carries a serious, grounded mood. Because of its low saturation, #5b4c47 functions best as a stabilizing background or a supporting neutral in dark UI interfaces. It pairs effectively with off-white or cream tones to improve readability, as white text provides strong contrast against this dark shade. Avoid using it as a large-scale primary color, as it may appear muddy.
Questions about #5b4c47
What is #5b4c47 in RGB, HSL and CMYK?
In RGB, #5b4c47 is rgb(91, 76, 71), in HSL hsl(15, 12%, 32%) and in CMYK 0%, 16%, 22%, 64%.
How should #5b4c47 be used in interface design?
#5b4c47 excels as a stabilizing background element for dark mode interfaces because its low saturation prevents it from competing with content. Pair this shade with cream or off-white text to ensure your typography remains highly readable and visually comfortable.
Is #5b4c47 considered a warm or cool neutral?
While #5b4c47 contains brownish pigments, its heavy grey base makes it feel predominantly cool and desaturated, rather than a true warm brown. This duality allows it to anchor professional designs without the heavy yellow or red undertones found in warmer earthy shades.
Is #5b4c47 readable on white or black?
#5b4c47 has a 8.17:1 contrast ratio on white and 2.56: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.