#322F2B Hex Color

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

Hex color #322f2b graphic
This dark, desaturated grey brings a grounded, neutral weight to designs. Because it is so dim, #322f2b acts best as a backdrop or secondary tone rather than an accent. It provides excellent legibility for white text, making it a reliable choice for dark mode UI interfaces. Pair this hex code with soft ochre or muted cream to soften its serious, professional character.

Questions about #322f2b

What is #322f2b in RGB, HSL and CMYK?
In RGB, #322f2b is rgb(50, 47, 43), in HSL hsl(34, 8%, 18%) and in CMYK 0%, 6%, 14%, 80%. Browse more shades of black with names and hex codes.
When should I use #322f2b in a UI design?
Use #322f2b as a grounding background for dark mode interfaces because it offers a softer, more sophisticated alternative to pure black. It keeps text highly legible while reducing the harsh, artificial contrast that often causes eye strain during extended reading.
Which colors complement #322f2b best?
This shade pairs best with soft, muted tones like cream or ochre to create a balanced, earthy palette. These lighter accents prevent the overall design from feeling too heavy while allowing the deep, serious character of #322f2b to shine through.
Is #322f2b readable on white or black?
#322f2b has a 13.31:1 contrast ratio on white and 1.57: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.