#332E2B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, desaturated brown functions as a grounding neutral for moody, high-contrast interfaces. Because it is so deep, white text provides excellent readability against it. Avoid using #332e2b for large blocks of copy, as it can feel too heavy or muddy on screen. Instead, use this hex code as a background anchor or for sophisticated typography pairings with softer, lighter earth tones.
Questions about #332e2b
What is #332e2b in RGB, HSL and CMYK?
In RGB, #332e2b is rgb(51, 46, 43), in HSL hsl(23, 9%, 18%) and in CMYK 0%, 10%, 16%, 80%.
Is #332e2b a better choice than pure black for body text?
While #332e2b offers excellent readability against light backgrounds, it functions best as a softer alternative to pure black in headers or accents. Using it for large blocks of body copy often creates a muddy, heavy reading experience on most screens.
What colors pair well with #332e2b in a design scheme?
Is #332e2b readable on white or black?
#332e2b has a 13.40:1 contrast ratio on white and 1.56: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.