#222122 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black grey provides a professional, grounded base for dark mode interfaces. Because it offers a 16.0:1 contrast ratio against white text, it ensures excellent readability for body copy. Use the hex code #222122 as a soft alternative to pure black to reduce eye strain in UI design. Pair it with muted ochre or dusty sage to avoid a flat, gloomy aesthetic.
Questions about #222122
What is #222122 in RGB, HSL and CMYK?
In RGB, #222122 is rgb(34, 33, 34), in HSL hsl(300, 1%, 13%) and in CMYK 0%, 3%, 0%, 87%.
Why use #222122 instead of pure black in UI design?
Using #222122 provides a softer visual experience that significantly reduces eye strain during prolonged screen time. It maintains excellent readability against white text while preventing the harsh, vibrating edges often caused by absolute black on bright backgrounds.
Which color palettes pair well with #222122?
To avoid a flat or gloomy aesthetic, pair #222122 with muted, earthy tones like ochre or dusty sage. These warm, natural highlights ground the deep charcoal, creating a balanced and sophisticated interface that feels premium rather than sterile.
Is #222122 readable on white or black?
#222122 has a 16.04:1 contrast ratio on white and 1.30: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.