#E3ECF7 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, desaturated blue leans heavily into grey, providing a neutral alternative to sterile white backgrounds. Because #e3ecf7 offers such high contrast with black text, it works well for UI body copy in finance or tech applications. Pair it with charcoal or deep navy for a sophisticated, professional palette, as it can appear washed out if placed directly against pure white. The hex code for this color is #e3ecf7.
Questions about #e3ecf7
What is #e3ecf7 in RGB, HSL and CMYK?
In RGB, #e3ecf7 is rgb(227, 236, 247), in HSL hsl(213, 56%, 93%) and in CMYK 8%, 4%, 0%, 3%.
Why does #e3ecf7 work well as a background for UI design?
#e3ecf7 provides a calming, neutral surface that reduces eye strain compared to pure white backgrounds. Its slight grey undertone offers enough depth to distinguish layout sections clearly, making it an excellent choice for fintech or data-heavy applications requiring high readability.
What colors pair best with #e3ecf7?
Is #e3ecf7 readable on white or black?
#e3ecf7 has a 1.19:1 contrast ratio on white and 17.60: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.