#5A554E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy brown feels grounded and moody, sitting somewhere between deep earth and dark stone. Because #5a554e is highly saturated with gray, it avoids feeling overly warm or chocolatey. It works best as a supporting tone or subtle background rather than a primary focus. Pair it with crisp white text for excellent readability, as this hex code provides plenty of contrast for UI designs.
Questions about #5a554e
What is #5a554e in RGB, HSL and CMYK?
In RGB, #5a554e is rgb(90, 85, 78), in HSL hsl(35, 7%, 33%) and in CMYK 0%, 6%, 13%, 65%.
Which color palettes work best alongside #5a554e?
Because #5a554e is heavily saturated with gray, it pairs beautifully with high-contrast accents like a soft cream or a muted terracotta. For a more balanced, modern aesthetic, use it as a base layer alongside lighter, desaturated sage tones to evoke a natural, earthy harmony.
Is #5a554e readable on white or black?
#5a554e has a 7.38:1 contrast ratio on white and 2.84: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.