#7D533E Hex Color

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

Hex color #7d533e graphic
This muted, dusty brown reads as serious and grounded, offering a stable base for moody design palettes. Because it is highly unsaturated, #7d533e acts as a neutral workhorse in organic branding or vintage layouts. It provides excellent contrast for white text, making it a reliable choice for dark mode UI elements. Avoid using it in large, flat blocks, where it can quickly appear muddy.

Questions about #7d533e

What is #7d533e in RGB, HSL and CMYK?
In RGB, #7d533e is rgb(125, 83, 62), in HSL hsl(20, 34%, 37%) and in CMYK 0%, 34%, 50%, 51%.
What colors pair well with #7d533e?
#7d533e thrives when paired with high-contrast neutrals like cream or stark white to prevent the design from appearing too muddy. For a more sophisticated, moody scheme, consider incorporating deep charcoal or warm terracotta accents to complement its earthy, grounded character.
Is #7d533e suitable for text usage?
Using #7d533e as a text color requires caution because its low saturation can impact readability against medium-toned backgrounds. It works most effectively as a dark, grounding element on very light backgrounds or as a subtle accent color within a more vibrant UI interface.
Is #7d533e readable on white or black?
#7d533e has a 6.60:1 contrast ratio on white and 3.17: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.