#E5E9F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, neutral blue sits right on the edge of grey, making it an ideal choice for clean, minimal UI backgrounds. Because it is highly legible with black text, designers often favor it for reports or tech interfaces that require high readability. The hex code for this color is #e5e9f0. It pairs best with deeper slate tones rather than pure white, where it can easily look washed out.
Questions about #e5e9f0
What is #e5e9f0 in RGB, HSL and CMYK?
In RGB, #e5e9f0 is rgb(229, 233, 240), in HSL hsl(218, 27%, 92%) and in CMYK 5%, 3%, 0%, 6%.
How should I use #e5e9f0 in web interface design?
#e5e9f0 serves as an excellent background choice for dashboards or technical reports where legibility is critical. Because it sits between blue and grey, it provides a subtle, professional foundation that allows black or dark charcoal text to stand out clearly without the harshness of pure white backgrounds.
Which color palettes work best with #e5e9f0?
To avoid a washed-out appearance, pair #e5e9f0 with darker, high-contrast tones like navy or slate rather than light pastels. These deeper colors anchor the softness of the blue, creating a balanced and readable interface that feels intentional rather than faded.
Is #e5e9f0 readable on white or black?
#e5e9f0 has a 1.21:1 contrast ratio on white and 17.24: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.