#7E5743 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty brown offers a serious, grounded presence. With its low saturation and warm undertones, #7e5743 works best as a supporting element or a moody base for artisan branding. It holds enough contrast to support white body text, making it a reliable choice for dark mode UI. Avoid using it as a large, flat background on screens, as it can feel heavy or muddy without proper textures.
Questions about #7e5743
What is #7e5743 in RGB, HSL and CMYK?
In RGB, #7e5743 is rgb(126, 87, 67), in HSL hsl(20, 31%, 38%) and in CMYK 0%, 31%, 47%, 51%.
What colors pair well with #7e5743?
Is #7e5743 suitable for large background areas?
Using #7e5743 as a large, flat background often feels heavy or uninspired without proper visual texture. It functions much better as an accent color, a moody border, or a supporting element that grounds brighter interactive components on a page.
Is #7e5743 readable on white or black?
#7e5743 has a 6.30:1 contrast ratio on white and 3.33: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.