#E5E7EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, bleached grey functions perfectly as a neutral backdrop for minimalist interfaces. Because it lacks strong saturation, #e5e7eb offers high readability for black typography, ensuring excellent contrast for body text. It feels airy and professional, though it can appear washed out against pure white backgrounds. Use this hex code as a dominant base to ground complex designs without overwhelming the eye.
Questions about #e5e7eb
What is #e5e7eb in RGB, HSL and CMYK?
In RGB, #e5e7eb is rgb(229, 231, 235), in HSL hsl(220, 13%, 91%) and in CMYK 3%, 2%, 0%, 8%.
Does #e5e7eb work well for text on a white background?
#e5e7eb typically lacks sufficient contrast for use as body text against a standard white background. While it works beautifully as a soft, secondary UI element, you should pair it with darker colors like charcoal or deep navy to ensure your content remains readable for all users.
What is the best way to use #e5e7eb in design?
Use #e5e7eb as a background neutral to ground complex designs without overwhelming the viewer. Because it is highly desaturated, it functions effectively as a clean backdrop that makes vibrant accents or dark typography stand out with professional, high-end clarity.
Is #e5e7eb readable on white or black?
#e5e7eb has a 1.23:1 contrast ratio on white and 16.96: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.