#E1E2E3 Hex Color

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

Hex color #e1e2e3 graphic
This pale, bleached grey acts as a functional neutral that mimics the look of high-quality paper. Because black text offers a strong 16.2:1 contrast ratio against it, #e1e2e3 serves as an excellent UI background for long-form reading interfaces. It provides enough definition to separate content without the harshness of pure white. Pair it with soft charcoals or dark navies to maintain a clean, sophisticated aesthetic.

Questions about #e1e2e3

What is #e1e2e3 in RGB, HSL and CMYK?
In RGB, #e1e2e3 is rgb(225, 226, 227), in HSL hsl(210, 3%, 89%) and in CMYK 1%, 0%, 0%, 11%.
When is the right time to use #e1e2e3 in UI design?
Use #e1e2e3 as a functional background color for long-form reading interfaces because it provides a softer alternative to stark white while maintaining excellent legibility. It effectively separates content blocks without distracting the reader from the primary black text.
Which colors create the best palette with #e1e2e3?
This neutral shade works beautifully with charcoal or dark navy to create a professional, sophisticated aesthetic. Avoid overly bright neon accents, which can overpower its subtle, bleached character and break the clean visual hierarchy you are trying to establish.
Is #e1e2e3 readable on white or black?
#e1e2e3 has a 1.29:1 contrast ratio on white and 16.18: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.