#5C3E20 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #5c3e20 graphic
This dark, unsaturated brown feels grounded and moody. The hex code #5c3e20 works well as a sturdy base for vintage branding or coffee-themed layouts. Be careful using it in large blocks, as its muted tone can feel heavy without lighter accents. It provides excellent contrast for white text, which reads clearly against the dark surface. Use this shade to anchor a design rather than letting it dominate.

Questions about #5c3e20

What is #5c3e20 in RGB, HSL and CMYK?
In RGB, #5c3e20 is rgb(92, 62, 32), in HSL hsl(30, 48%, 24%) and in CMYK 0%, 33%, 65%, 64%.
What colors pair well with #5c3e20?
This deep brown works best when paired with creamy off-whites or soft neutrals like cream or beige, which brighten the dark tone. For a more sophisticated contrast, use muted metallics or a soft sage green to add life without disrupting the vintage, earthy aesthetic.
Is #5c3e20 suitable for text on websites?
The #5c3e20 hex color is excellent as a dark background for white or light-colored text, ensuring high readability and a clean, grounded look. However, avoid using this color for the text itself, as it is too dark to provide sufficient contrast against most backgrounds.
Is #5c3e20 readable on white or black?
#5c3e20 has a 9.69:1 contrast ratio on white and 2.16: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.