#5A4323 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#5a4323 is a dark, desaturated brown with significant warmth and ashy undertones. This earthy shade feels grounded and serious, working best as a supporting tone or textural accent rather than a dominant background. Pair it with soft cream or muted gold to cut through its gloominess. Because white text maintains strong readability against this hex code, it is an effective choice for moody, high-contrast UI elements.
Questions about #5a4323
What is #5a4323 in RGB, HSL and CMYK?
In RGB, #5a4323 is rgb(90, 67, 35), in HSL hsl(35, 44%, 25%) and in CMYK 0%, 26%, 61%, 65%. Browse more shades of brown with names and hex codes.
What colors pair well with the brown shade #5a4323?
Pair #5a4323 with soft cream or muted gold to balance its deep, ashy intensity and prevent the design from feeling too heavy. For a more sophisticated contrast, use soft terracotta or light beige tones to lift the earthy character of this specific brown.
Is #5a4323 suitable for text in website design?
#5a4323 offers excellent readability when used as a background color for white or very pale text due to its high contrast potential. Avoid using this dark brown for fine body text on a dark background, as the lack of luminosity will strain the eyes.
Is #5a4323 readable on white or black?
#5a4323 has a 9.28:1 contrast ratio on white and 2.26: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.