#54351D Hex Color

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

Hex color #54351d graphic
This dark, earthy brown is extremely unsaturated, bordering on dusty. The hex code #54351d offers high readability for white text, making it a functional choice for dark mode UI backgrounds or grounded branding. Because it is so muted, use it as a base rather than a highlight. It pairs unexpectedly well with dusty teals or soft creams to cut through its serious, moody intensity.

Questions about #54351d

What is #54351d in RGB, HSL and CMYK?
In RGB, #54351d is rgb(84, 53, 29), in HSL hsl(26, 49%, 22%) and in CMYK 0%, 37%, 65%, 67%. Browse more shades of brown with names and hex codes.
How should I use #54351d in web design?
Use #54351d as a dark, grounded background for modern interfaces, as it provides exceptional readability for white typography. Because it is highly muted, it works best as a neutral foundation rather than a primary accent color, allowing brighter elements to stand out.
What colors pair well with #54351d?
This shade creates a sophisticated balance when paired with cool, dusty teals or soft creams, which effectively cut through its intense, moody nature. These combinations ground the color palette while adding just enough contrast to prevent the overall design from feeling too heavy or flat.
Is #54351d readable on white or black?
#54351d has a 11.02:1 contrast ratio on white and 1.90: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.