#E5E7ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #e5e7ed describes a pale, faded grey with a delicate cool cast and very low saturation. Its lightness gives interfaces an airy, clean feel without the starkness of pure white. Use it as a dominant background in minimal layouts. Pair it with charcoal typography; black text has about a 17.0:1 contrast ratio for readable body copy.
Questions about #e5e7ed
What is #e5e7ed in RGB, HSL and CMYK?
In RGB, #e5e7ed is rgb(229, 231, 237), in HSL hsl(225, 18%, 91%) and in CMYK 3%, 3%, 0%, 7%. Browse more shades of gray with names and hex codes.
What colors pair well with #e5e7ed in a restrained palette?
#e5e7ed pairs best with charcoal text, muted navy accents, and occasional warm terracotta, creating definition against its pale, low-saturation base without losing the restrained, spacious character that suits interfaces, packaging, and architectural compositions.
Does #e5e7ed read warm or cool?
#e5e7ed reads cool because its near-neutral grey carries a faint blue undertone, while its high lightness and weak saturation keep that cast subtle rather than icy in most lighting and digital interface contexts.
Is #e5e7ed suitable for text and UI backgrounds?
#e5e7ed works well as a light UI background because black text reaches about a 17.0:1 contrast ratio on digital screens, comfortably above the WCAG AA 4.5:1 threshold for normal body text. Use darker controls, borders, and icons when they must remain distinct from the background.
Is #e5e7ed readable on white or black?
#e5e7ed has a 1.23:1 contrast ratio on white and 16.98: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.