#7A6257 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted brown leans heavily into desaturated orange territory. Because of its dark, ashy character, #7a6257 functions best as a supporting tone or textural accent rather than a full-page background. It pairs exceptionally well with muted cream or soft teal to break up its gloominess. With a contrast ratio of 5.7:1, white text remains readable against this hex code, ensuring it holds up in functional UI elements.
Questions about #7a6257
What is #7a6257 in RGB, HSL and CMYK?
In RGB, #7a6257 is rgb(122, 98, 87), in HSL hsl(19, 17%, 41%) and in CMYK 0%, 20%, 29%, 52%. Browse more shades of gray with names and hex codes.
Does #7a6257 work well as a full-page background?
It is generally too dark and desaturated to function as a main background color across an entire page. Use it instead as a sophisticated footer background or a sidebar accent to maintain readability and visual balance throughout your layout.
What colors pair well with #7a6257?
Because it leans toward a desaturated orange, it creates a striking balance when paired with cool, soft teal or warm, creamy off-whites. These contrasts break up its inherent gloominess while keeping your design feeling grounded and intentional.
Is #7a6257 readable on white or black?
#7a6257 has a 5.65:1 contrast ratio on white and 3.71: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.