#7A5A3E Hex Color

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

Hex color #7a5a3e graphic
This dusty, unsaturated brown carries a serious and grounded mood. Because #7a5a3e is quite muted, it avoids looking muddy when paired with cream or off-white. It serves well as a structural background or a solid accent in artisan branding. While white text provides excellent readability against this shade, use it sparingly in large areas to keep designs from feeling too heavy or gloomy.

Questions about #7a5a3e

What is #7a5a3e in RGB, HSL and CMYK?
In RGB, #7a5a3e is rgb(122, 90, 62), in HSL hsl(28, 33%, 36%) and in CMYK 0%, 26%, 49%, 52%.
What colors pair well with #7a5a3e for a balanced design?
Pair #7a5a3e with soft cream or warm off-whites to prevent the design from feeling too heavy. For higher contrast, this brown works effectively against sky blue or sage green, providing a grounded, natural aesthetic that feels professional and refined.
Is #7a5a3e suitable for large background areas?
Use #7a5a3e sparingly in large areas because its muted, dark nature can quickly overwhelm a layout and reduce readability. It functions best as a solid accent color or in small structural blocks rather than as a dominant full-screen background.
Is #7a5a3e readable on white or black?
#7a5a3e has a 6.25:1 contrast ratio on white and 3.35: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.