#333334 Hex Color
A grounded charcoal with professional depth
#333334 is a heavy, near-black charcoal that anchors a design without the harshness of pure black. Because it remains highly readable with white text, this hex code is an ideal choice for dark mode UI backgrounds or secondary text. It feels grounded and professional, pairing cleanly with muted teals or burnt oranges for a modern, architectural look. Use it to provide contrast without overwhelming your palette.
Questions about #333334
What is #333334 in RGB, HSL and CMYK?
In RGB, #333334 is rgb(51, 51, 52), in HSL hsl(240, 1%, 20%) and in CMYK 2%, 2%, 0%, 80%.
Is #333334 a better choice than pure black for UI design?
Using #333334 is generally preferred because it provides a softer, more natural visual anchor that reduces eye strain in dark mode interfaces. Pure black can create too much contrast against white text, whereas this charcoal creates a balanced, premium feel.
What colors work best when paired with #333334?
This charcoal functions as a neutral base that pairs beautifully with muted teal for a modern corporate look or burnt orange to create an energetic, architectural contrast. It also maintains a clean, professional aesthetic alongside crisp whites and light grays.
Is #333334 readable on white or black?
#333334 has a 12.62:1 contrast ratio on white and 1.66: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.