#222528 Hex Color

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

Hex color #222528 graphic
This deep, charcoal-toned grey offers a sturdy, neutral foundation for minimal interfaces and modern branding. Because it is highly desaturated and dark, it functions best as a background rather than a text color. White typography stands out with excellent readability against this shade. The hex code for this moody grey is #222528.

Questions about #222528

What is #222528 in RGB, HSL and CMYK?
In RGB, #222528 is rgb(34, 37, 40), in HSL hsl(210, 8%, 15%) and in CMYK 15%, 7%, 0%, 84%.
Where should I use #222528 in a web interface?
#222528 works best as a primary background or a footer element where you need to anchor a layout. Because it is so dark, avoid using it for body text as it lacks sufficient contrast against standard white or very light off-white surfaces.
Is #222528 considered a warm or cool grey?
This color sits on the cooler side of the spectrum due to its slight blue undertones, which prevent it from looking flat. These subtle cool notes make it feel more modern and tech-forward than a traditional, neutral charcoal or carbon black.
Is #222528 readable on white or black?
#222528 has a 15.40:1 contrast ratio on white and 1.36: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.