#222D18 Hex Color

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

Hex color #222d18 graphic
#222d18 is a desaturated, near-black olive green. It creates a somber, heavy atmosphere, making it a reliable choice for dark mode UI backgrounds. White text pairs perfectly with this shade, offering a 14.4:1 contrast ratio for excellent legibility. Since this color sits so low on the light scale, use it as a grounded base rather than an accent. The hex code is #222d18.

Questions about #222d18

What is #222d18 in RGB, HSL and CMYK?
In RGB, #222d18 is rgb(34, 45, 24), in HSL hsl(91, 30%, 14%) and in CMYK 24%, 0%, 47%, 82%.
Does #222d18 work well for body text?
No, #222d18 is too dark for general body text as it creates insufficient contrast against standard white backgrounds. Use this color primarily as a background base, anchoring your layout with a grounded, near-black olive tone instead of using it for small type.
What colors pair effectively with #222d18?
This color pairs beautifully with soft, desaturated neutrals like cream or sand to lift its heavy, somber nature. For a balanced palette, consider adding lighter accents that offer high visibility against this dark, olive-toned base.
Is #222d18 readable on white or black?
#222d18 has a 14.41:1 contrast ratio on white and 1.45: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.