#332522 Hex Color

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

Hex color #332522 graphic
#332522 is an inky, desaturated red with strong ashy undertones. Because it sits so close to black, it works best as a moody, atmospheric background rather than for fine text. Pair this hex code with warm cream or dusty gold to soften its severity. It brings a sense of grounded seriousness to dark mode UI designs without the harshness of pure black.

Questions about #332522

What is #332522 in RGB, HSL and CMYK?
In RGB, #332522 is rgb(51, 37, 34), in HSL hsl(11, 20%, 17%) and in CMYK 0%, 27%, 33%, 80%.
How can #332522 be effectively used in UI design?
#332522 functions best as a background color for dark mode interfaces where a softer, less aggressive alternative to pure black is needed. Because of its deep saturation, it creates an atmospheric and premium feel that pairs exceptionally well with warm, light typography.
Which colors pair best with #332522?
This deep, ashy red balances perfectly with warm neutrals like cream or ivory to soften its intensity. For a more sophisticated look, accents of dusty gold or muted sage provide enough contrast to stand out without clashing with the dark base.
Is #332522 readable on white or black?
#332522 has a 14.70: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.