#222021 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Soot-like and near-black, this neutral grey provides a grounded base for modern UI designs. The hex code for #222021 offers a 16.2:1 contrast ratio against white, ensuring excellent readability for body text. It feels softer than absolute black and pairs effectively with desaturated earth tones. This shade establishes visual stability in interfaces without becoming too muddy at large sizes.
Questions about #222021
What is #222021 in RGB, HSL and CMYK?
In RGB, #222021 is rgb(34, 32, 33), in HSL hsl(330, 3%, 13%) and in CMYK 0%, 6%, 3%, 87%. Browse more shades of black with names and hex codes.
Why choose #222021 instead of pure black?
#222021 offers a slightly softer appearance than absolute black while maintaining a massive 16.2:1 contrast ratio against white. It reduces eye strain in digital reading environments, making it a professional choice for UI body text and large-scale interface elements.
Which color palettes work best with #222021?
Because #222021 is a desaturated neutral, it acts as a perfect anchor for muted earth tones or vibrant accent colors. It pairs effectively with sage or terracotta to ground the palette without overpowering the secondary hues within your layout.
Is #222021 readable on white or black?
#222021 has a 16.19:1 contrast ratio on white and 1.29: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.