#E7F2FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A luminous, pale blue with a distinct grey undertone, #e7f2ff provides a clean, neutral base for professional UI design. Because it is so light, black text remains highly legible against it. Designers should use this as a background color to establish a sense of security and reliability. It pairs effectively with darker charcoals to create a grounded, modern interface. The hex code for this color is #e7f2ff.
Questions about #e7f2ff
What is #e7f2ff in RGB, HSL and CMYK?
In RGB, #e7f2ff is rgb(231, 242, 255), in HSL hsl(213, 100%, 95%) and in CMYK 9%, 5%, 0%, 0%.
Why is #e7f2ff effective for user interface backgrounds?
#e7f2ff works exceptionally well for UI because its slight grey undertone creates a sophisticated, grounded aesthetic that feels less sterile than pure white. It remains highly legible with dark text, making it a reliable choice for long-form reading environments.
What colors pair best with #e7f2ff for a modern look?
Is #e7f2ff readable on white or black?
#e7f2ff has a 1.13:1 contrast ratio on white and 18.54: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.