#212022 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, neutral shade serves as a sophisticated alternative to pure black. Because #212022 sits so close to black on the value scale, it excels as a dominant background for high-contrast typography. It provides an excellent 16.2:1 contrast ratio against white text, making it a reliable choice for dark mode UI interfaces where readability is the primary goal.
Questions about #212022
What is #212022 in RGB, HSL and CMYK?
In RGB, #212022 is rgb(33, 32, 34), in HSL hsl(270, 3%, 13%) and in CMYK 3%, 6%, 0%, 87%.
Why use #212022 instead of pure black?
Using #212022 creates a softer, more natural visual experience on screens compared to the harsh intensity of pure black. It maintains a powerful high-contrast 16.2:1 ratio against white text while reducing eye strain during long-term reading sessions.
Which colors complement #212022 effectively?
This dark shade pairs beautifully with muted tones like sage or dusty blue to create a grounded, professional palette. Because it is essentially a very dark gray, it also works seamlessly with bright accent colors for high-impact buttons and calls to action.
Is #212022 readable on white or black?
#212022 has a 16.22: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.