#333434 Hex Color

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

Hex color #333434 graphic
#333434 is a dark, low-saturation neutral with a slight cool cast. This gloomy hex code suggests seriousness, restraint, and practical depth without strong color bias. It works well as a dominant base for dark interfaces, moody layouts, and large typography, though its dark value can feel heavy across large surfaces. White text reaches about 12.5:1 contrast here.

Questions about #333434

What is #333434 in RGB, HSL and CMYK?
In RGB, #333434 is rgb(51, 52, 52), in HSL hsl(180, 1%, 20%) and in CMYK 2%, 0%, 0%, 80%.
What colors pair well with #333434?
#333434 pairs well with warm off-white, muted sage, and restrained burgundy, which add separation without overpowering its low-saturation base. Use off-white for text and sage or burgundy as focused accents in branding, dashboards, and product layouts.
Where does #333434 work best in a design?
#333434 works best as a dominant dark base for interfaces, architectural layouts, product screens, and large typography where its neutral depth creates structure without competing with brighter accents or vivid imagery. Avoid placing it beside similar charcoal tones that can merge visually.
Is #333434 readable on white or black?
#333434 has a 12.48:1 contrast ratio on white and 1.68: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.