#332B22 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, ashy brown feels serious and grounded, offering a moody alternative to standard black. Because it has such low luminosity, the hex code #332b22 functions best as a dominant base for minimalist branding or vintage designs. It provides excellent contrast for white text, ensuring readability. Pair it with soft cream or muted ochre tones to avoid the muddy look that can happen with high-contrast, saturated colors.
Questions about #332b22
What is #332b22 in RGB, HSL and CMYK?
In RGB, #332b22 is rgb(51, 43, 34), in HSL hsl(32, 20%, 17%) and in CMYK 0%, 16%, 33%, 80%.
What colors pair best with #332b22 for a balanced design?
Soft cream, muted ochre, and warm off-white tones are the most effective pairings for #332b22 because they counteract the color's inherent darkness. Using these lighter, neutral shades prevents your overall design from appearing too muddy or losing visual legibility.
Is #332b22 suitable for text-heavy layouts?
Yes, #332b22 works exceptionally well as a background for white or cream-colored text due to its deep, stable nature. It offers a softer, more organic reading experience compared to harsh, pure black, which is ideal for minimalist or vintage-inspired web interfaces.
Is #332b22 readable on white or black?
#332b22 has a 13.91:1 contrast ratio on white and 1.50: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.