#22212A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black purple sits on the edge of grey, offering a dusty, serious mood. Because of its extreme darkness, the hex code #22212a works best as a moody background for high-contrast, clean UI designs. It provides excellent legibility for white body text, though it can feel slightly muddy if used in large, flat blocks without careful lighting or texture to break up the surface.
Questions about #22212a
What is #22212a in RGB, HSL and CMYK?
In RGB, #22212a is rgb(34, 33, 42), in HSL hsl(247, 12%, 15%) and in CMYK 19%, 21%, 0%, 84%.
Is #22212a better than using pure black for web backgrounds?
Using #22212a instead of absolute black reduces eye strain and provides a softer, more sophisticated look for modern UI. It maintains high legibility for white text while avoiding the harsh, flat appearance that often accompanies pure black backgrounds.
What colors pair well with #22212a in a design scheme?
Is #22212a readable on white or black?
#22212a has a 15.92:1 contrast ratio on white and 1.31: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.