#212226 Hex Color

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

Hex color #212226 graphic
#212226 is an extremely dark, neutral grey that grounds moody interfaces without the harshness of pure black. It provides a soft, professional aesthetic for dark mode backgrounds and UI elements. White text pops clearly against this shade, making it a reliable choice for legible design. Use this hex code as a stable foundation for minimalist layouts or when you need a muted, sophisticated backdrop.

Questions about #212226

What is #212226 in RGB, HSL and CMYK?
In RGB, #212226 is rgb(33, 34, 38), in HSL hsl(228, 7%, 14%) and in CMYK 13%, 11%, 0%, 85%.
Is #212226 a better choice than pure black for web backgrounds?
#212226 offers a softer, more professional aesthetic that reduces eye strain compared to harsh, pure black backgrounds. It provides sufficient contrast for white text while making complex interfaces feel less overwhelming and significantly more polished for user viewing.
What colors pair well with #212226 for UI design?
This versatile dark neutral pairs exceptionally well with muted, desaturated tones like sage or soft cream for a sophisticated look. It also anchors bright, high-saturation accent colors like electric blue or coral without creating visual tension or vibration.
Is #212226 readable on white or black?
#212226 has a 15.89:1 contrast ratio on white and 1.32: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.