#4A3528 Hex Color

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

Hex color #4a3528 graphic
#4a3528 is a dim, unsaturated brown that feels grounded and stoic. It acts as an excellent dark base for high-contrast palettes, particularly when paired with soft cream or muted gold text. Because of its intense shadow-like quality, it risks appearing muddy if overused in large areas, so consider it for heavy accents or moody UI backgrounds. You can find other shades of brown in the hex code #4a3528.

Questions about #4a3528

What is #4a3528 in RGB, HSL and CMYK?
In RGB, #4a3528 is rgb(74, 53, 40), in HSL hsl(23, 30%, 22%) and in CMYK 0%, 28%, 46%, 71%.
What colors pair well with #4a3528?
This grounded brown works best alongside soft neutrals like cream or ivory to balance its deep, shadowy nature. For a more sophisticated palette, try adding metallic accents like muted gold or bronze to provide warmth against the desaturated base.
Where should I use #4a3528 in web design?
Its intense, dark presence makes it ideal for heavy UI elements like footer backgrounds, bold typography, or navigation panels. Avoid using it for large, open spaces, as its unsaturated quality may appear muddy without lighter accents to lift the composition.
Is #4a3528 readable on white or black?
#4a3528 has a 11.46:1 contrast ratio on white and 1.83: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.