#222234 Hex Color

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

Hex color #222234 graphic
#222234 is a dusty, near-black indigo that feels serious and structured. Because it is so muted, it works as an excellent base for dark mode interfaces. This hex code provides a high 15.6:1 contrast ratio against white text, ensuring excellent readability for small body type. Pair it with soft cream accents to break up the gloom.

Questions about #222234

What is #222234 in RGB, HSL and CMYK?
In RGB, #222234 is rgb(34, 34, 52), in HSL hsl(240, 21%, 17%) and in CMYK 35%, 35%, 0%, 80%. Browse more shades of black with names and hex codes.
Why is #222234 a strong choice for UI backgrounds?
The color #222234 offers a high 15.6:1 contrast ratio against standard white text, which significantly improves readability for small body type. Its dusty, muted quality reduces the harshness typically associated with pure black, making it easier on the eyes for extended reading.
Which accent colors work best with #222234?
Pair #222234 with soft, warm neutrals like cream or beige to effectively break up the gloom. Adding subtle metallic accents or a desaturated gold can also add a touch of sophistication without overpowering the deep indigo base.
Is #222234 readable on white or black?
#222234 has a 15.59:1 contrast ratio on white and 1.34: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.