#E2E1E1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
See all shades of gray with names and hex codes →
This pale, bleached grey functions as a highly versatile neutral background. Because it offers high contrast for black text, it works well for interface design and typography where clarity is a priority. Avoid using #e2e1e1 next to pure white, as it can look washed out. Pair it with deep charcoal or muted navy for a sophisticated, professional look. The hex code for this color is #e2e1e1.
Questions about #e2e1e1
What is #e2e1e1 in RGB, HSL and CMYK?
In RGB, #e2e1e1 is rgb(226, 225, 225), in HSL hsl(0, 2%, 88%) and in CMYK 0%, 0%, 0%, 11%.
How should #e2e1e1 be used in web design?
Use #e2e1e1 as a soft, neutral background to create high contrast for black or dark typography. It works exceptionally well in user interfaces where you need a subtle, modern backdrop that feels professional without overpowering the content on the page.
Does #e2e1e1 work well with pure white?
Is #e2e1e1 readable on white or black?
#e2e1e1 has a 1.30:1 contrast ratio on white and 16.09: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.