#332B27 Hex Color

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

Hex color #332b27 graphic
This dark, dusty brown leans heavily into grey, creating a muted and somber mood. Because it is so desaturated, the hex code #332b27 functions best as a grounding neutral for moody brand palettes or packaging. It provides excellent contrast for white text, making it a reliable choice for dark mode UI backgrounds where black feels too harsh.

Questions about #332b27

What is #332b27 in RGB, HSL and CMYK?
In RGB, #332b27 is rgb(51, 43, 39), in HSL hsl(20, 13%, 18%) and in CMYK 0%, 16%, 24%, 80%.
When should I use #332b27 instead of a pure black?
Use #332b27 whenever you need a dark, grounding element that feels less aggressive or stark than true black. It provides softer, organic contrast for UI backgrounds and text overlays, making it ideal for brands wanting a sophisticated, earthy, and approachable aesthetic.
What colors pair well with the dark brown of #332b27?
Because of its dusty, grey-leaning undertones, #332b27 works best with muted warm tones like cream or soft beige to create a harmonious, organic palette. For a sharper look, it provides excellent readability against off-white or light, desaturated pastels in professional digital layouts.
Is #332b27 readable on white or black?
#332b27 has a 13.85:1 contrast ratio on white and 1.51: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.