#322614 Hex Color

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

Hex color #322614 graphic
This deeply desaturated brown carries an ashy, almost charcoal undertone that feels grounded and serious. Because it is so dark, use #322614 as a moody background or a heavy accent rather than for fine text. It pairs well with cream or muted gold to cut the gloom. White text provides excellent readability against this hex code, making it a reliable choice for dark mode UI designs.

Questions about #322614

What is #322614 in RGB, HSL and CMYK?
In RGB, #322614 is rgb(50, 38, 20), in HSL hsl(36, 43%, 14%) and in CMYK 0%, 24%, 60%, 80%.
How should I use #322614 in UI design?
#322614 performs best as a full-page background or a heavy graphic accent rather than for fine text. Use it alongside cream or soft gold to offset its inherent gloom while maintaining high readability against white text elements.
Does #322614 read as a warm or cool brown?
While technically a brown, #322614 leans cool because of its heavy, ashy, and charcoal-like undertones. This makes it feel more industrial and grounded than traditional warm earth tones, allowing it to act as a near-neutral dark base.
Is #322614 readable on white or black?
#322614 has a 14.75:1 contrast ratio on white and 1.42: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.