#E7EEFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, luminous shade leans closer to an achromatic grey than a saturated blue. Because it is so light, it functions best as a UI background where white feels too stark or sterile. Pair #e7eeff with charcoal text to maintain excellent readability for large blocks of content. Its desaturated character provides a secure, reliable foundation for corporate or tech interfaces without drawing too much attention.
Questions about #e7eeff
What is #e7eeff in RGB, HSL and CMYK?
In RGB, #e7eeff is rgb(231, 238, 255), in HSL hsl(222, 100%, 95%) and in CMYK 9%, 7%, 0%, 0%. Browse more shades of blue with names and hex codes.
Where should I use #e7eeff in my UI design?
#e7eeff functions best as a subtle background color for web interfaces or data dashboards where pure white feels too harsh or clinical. Because it is so light, it provides a clean, secure foundation that keeps users focused on content.
What text colors pair best with #e7eeff?
Pair #e7eeff with charcoal or deep slate text to ensure high contrast and excellent readability. Avoid using pure black text, as the softness of this blue background benefits from a slightly warmer, darker grey to maintain a balanced, modern visual hierarchy.
Is #e7eeff readable on white or black?
#e7eeff has a 1.16:1 contrast ratio on white and 18.07: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.