#E1E1E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, neutral grey has a bleached, airy quality that makes it an excellent choice for minimal UI backgrounds. Because #e1e1e5 sits so close to white, it can look washed out if paired with other very light tints, so use it alongside high-contrast black text for readability. The hex code for this color is #e1e1e5, offering a clean, professional base for modern design systems.
Questions about #e1e1e5
What is #e1e1e5 in RGB, HSL and CMYK?
In RGB, #e1e1e5 is rgb(225, 225, 229), in HSL hsl(240, 7%, 89%) and in CMYK 2%, 2%, 0%, 10%.
Does #e1e1e5 work well for website backgrounds?
This color functions perfectly as a soft background for modern websites because its high brightness keeps the interface feeling light and spacious. Pair it with dark text like charcoal to ensure the design remains readable and accessible for all users.
Is #e1e1e5 too light for UI elements?
While #e1e1e5 is very close to pure white, it provides just enough depth to distinguish layout sections or cards without overwhelming the content. You should avoid using it alongside other pale tints, as that will likely result in a washed-out, difficult aesthetic.
Is #e1e1e5 readable on white or black?
#e1e1e5 has a 1.30:1 contrast ratio on white and 16.10: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.