#E3F4FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for this pale blue when a dashboard or form needs a background calmer than plain white. The hex code #e3f4ff reads almost grey, with a cool, airy lightness that suits finance and healthcare interfaces. Treat it as a dominant base rather than an accent; it washes out next to pure white, so anchor it with deep navy or charcoal.
Questions about #e3f4ff
What is #e3f4ff in RGB, HSL and CMYK?
In RGB, #e3f4ff is rgb(227, 244, 255), in HSL hsl(204, 100%, 95%) and in CMYK 11%, 4%, 0%, 0%. Browse more shades of blue with names and hex codes.
What colors pair well with #e3f4ff?
Deep navy and charcoal give this pale blue structure, while a warm accent like terracotta keeps the palette from feeling cold. Avoid placing it directly against pure white, where it loses definition and looks washed out.
Can small text sit on #e3f4ff?
Yes. Black text on #e3f4ff reaches roughly 18.7:1 contrast, well above the 4.5:1 that WCAG AA requires for body text, so small type stays readable. Very light grey text is where it starts to fail.
Is #e3f4ff readable on white or black?
#e3f4ff has a 1.12:1 contrast ratio on white and 18.65: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.