#332206 Hex Color

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

Hex color #332206 graphic
Extremely dark and desaturated, #332206 functions best as a sturdy, moody background rather than a main focus. Its heavy, ashy undertones provide excellent readability for white text, offering a solid 15.3:1 contrast ratio. Designers should use this hex code sparingly in large blocks to avoid a muddy appearance, as it shines brightest when grounding organic, vintage-inspired palettes.

Questions about #332206

What is #332206 in RGB, HSL and CMYK?
In RGB, #332206 is rgb(51, 34, 6), in HSL hsl(37, 79%, 11%) and in CMYK 0%, 33%, 88%, 80%.
How should I use #332206 in UI design?
#332206 serves best as a sophisticated alternative to pure black for backgrounds. Its deep, ashy quality provides a softer visual weight while maintaining excellent readability for white text, effectively grounding organic or vintage-inspired color schemes.
What colors pair well with #332206?
This color excels when paired with soft, muted tones to avoid harsh contrast. Complement it with a warm cream or dusty beige to lean into a vintage aesthetic, or use muted sage green accents for a natural, earthy balance.
Is #332206 readable on white or black?
#332206 has a 15.30:1 contrast ratio on white and 1.37: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.