#5A3E2B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty brown carries a muted, serious weight. Because it is highly unsaturated, it works best as a grounding neutral rather than a dominant splash of color. It pairs surprisingly well with muted teals or dusty pinks to break up monochromatic palettes. The hex code #5a3e2b offers high contrast against white text, making it a reliable, readable choice for text-heavy layouts or moody, minimal branding.
Questions about #5a3e2b
What is #5a3e2b in RGB, HSL and CMYK?
In RGB, #5a3e2b is rgb(90, 62, 43), in HSL hsl(24, 35%, 26%) and in CMYK 0%, 31%, 52%, 65%.
What colors pair well with #5a3e2b?
This dark, dusty brown acts as a stable anchor, finding natural harmony with muted teals or soft dusty pink tones. Using it against cream instead of pure white softens the overall contrast while maintaining excellent readability for long-form text.
Why choose #5a3e2b for interface design?
Its high saturation and dark, earthy weight ensure that text remains legible against lighter backgrounds, offering a softer alternative to standard black. This creates a refined, professional look in minimalist branding where you want to evoke stability without appearing aggressive.
Is #5a3e2b readable on white or black?
#5a3e2b has a 9.72:1 contrast ratio on white and 2.15: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.