#5A483A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty brown carries a serious, muted weight. Because it sits on the darker side, #5a483a works best as a supporting background or for heavy typography rather than a primary fill. It creates a professional, grounded look when paired with soft cream or crisp white text. Use this hex code to anchor organic branding or to bring a sense of vintage reliability to your interface designs.
Questions about #5a483a
What is #5a483a in RGB, HSL and CMYK?
In RGB, #5a483a is rgb(90, 72, 58), in HSL hsl(26, 22%, 29%) and in CMYK 0%, 20%, 36%, 65%.
What colors pair best with #5a483a?
Is #5a483a suitable for text on websites?
While #5a483a functions well as a headline color or for graphical elements, it may lack sufficient contrast against very dark backgrounds for body text. Always verify it against white backgrounds to ensure it meets accessibility standards for readable, professional interface typography.
Is #5a483a readable on white or black?
#5a483a has a 8.66:1 contrast ratio on white and 2.42: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.