#E4E2E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, washed-out grey carries a minimal, airy quality perfect for clean interface backgrounds. Because it has such a high lightness value, it provides excellent contrast for standard black text. Use #e4e2e5 as a neutral base to anchor bolder typography or architectural photography. Be careful placing it directly against pure white, as it can look slightly muddy rather than bright. The hex code for this shade is #e4e2e5.
Questions about #e4e2e5
What is #e4e2e5 in RGB, HSL and CMYK?
In RGB, #e4e2e5 is rgb(228, 226, 229), in HSL hsl(280, 5%, 89%) and in CMYK 0%, 1%, 0%, 10%.
Does #e4e2e5 work well for interface backgrounds?
#e4e2e5 is an excellent choice for interface backgrounds because it provides a soft, neutral foundation that reduces eye strain compared to pure white. It creates a subtle separation between elements while maintaining high readability for standard black or dark-grey text.
Why does #e4e2e5 sometimes look muddy next to white?
Because #e4e2e5 carries subtle undertones, placing it directly against high-contrast pure white can sometimes make the grey appear slightly dingy or dirty by comparison. To avoid this, use it as a standalone background rather than as a border or accent immediately adjacent to bright white.
Is #e4e2e5 readable on white or black?
#e4e2e5 has a 1.28:1 contrast ratio on white and 16.30:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.