#53542D Hex Color

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

Hex color #53542d graphic
A dark, dusty olive with very low saturation, #53542d feels grounded and serious. This earthy tone works best as a supporting accent in moody UI designs or organic branding rather than a dominant background. White text pops well against the hex code #53542d, maintaining a 7.9:1 contrast ratio. Apply it with restraint, as large fields of this color can easily feel muddy.

Questions about #53542d

What is #53542d in RGB, HSL and CMYK?
In RGB, #53542d is rgb(83, 84, 45), in HSL hsl(62, 30%, 25%) and in CMYK 1%, 0%, 46%, 67%.
How should #53542d be used in web design?
Treat #53542d as a deliberate, moody accent rather than a dominant background color because its low saturation can easily feel muddy. It performs best when paired with high-contrast elements, like clean white typography, to ensure readability across your interface.
Which colors pair well with #53542d?
This earthy tone works beautifully alongside soft neutrals like cream or sand to lift its heavy appearance. For a bolder palette, combine it with crisp charcoal to lean into a sophisticated, organic aesthetic for modern branding.
Is #53542d readable on white or black?
#53542d has a 7.85:1 contrast ratio on white and 2.67: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.