#222428 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark charcoal acts as a moody, neutral base that feels far more grounded than pure black. The hex code #222428 works best as a primary background for UI designs, where it offers high contrast for white text while remaining easy on the eyes. Use it alongside soft muted greens or dusty terracottas to create depth without the harshness of a true black.
Questions about #222428
What is #222428 in RGB, HSL and CMYK?
In RGB, #222428 is rgb(34, 36, 40), in HSL hsl(220, 8%, 15%) and in CMYK 15%, 10%, 0%, 84%.
Is #222428 better for UI than pure black?
#222428 is significantly better for modern digital interfaces because it reduces eye strain caused by the harsh contrast of pure black against white text. It provides a more natural, subtle depth that makes text feel grounded rather than floating on screen.
What colors pair well with #222428?
This dark charcoal functions as an excellent anchor for desaturated palettes, working beautifully alongside dusty terracotta for warmth or soft, muted sage green for a professional, earthy aesthetic. These combinations maintain high readability while adding organic interest.
Is #222428 readable on white or black?
#222428 has a 15.54:1 contrast ratio on white and 1.35: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.