#33322F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, ashy grey offers a grounded foundation for moody digital interfaces. Because it lacks the harshness of pure black, it serves as a sophisticated background for high-contrast typography. The hex code is #33322f. White text performs exceptionally well here, providing a 12.8:1 contrast ratio that ensures full readability for small body text. It is a reliable choice for professional designs requiring stability and restrained elegance.
Questions about #33322f
What is #33322f in RGB, HSL and CMYK?
In RGB, #33322f is rgb(51, 50, 47), in HSL hsl(45, 4%, 19%) and in CMYK 0%, 2%, 8%, 80%.
How should I use #33322f in a user interface?
Use #33322f as a soft, readable alternative to pure black for body text or large background containers. It provides enough depth to feel grounded and professional while preventing the visual strain often caused by high-contrast black on white layouts.
What colors pair well with #33322f?
Because #33322f acts as a neutral anchor, it pairs exceptionally well with muted, earthy tones like sage or terracotta. For a more modern, clean aesthetic, try layering it against crisp off-white or soft cream backgrounds to maintain readability.
Is #33322f readable on white or black?
#33322f has a 12.82:1 contrast ratio on white and 1.63: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.