#E3F2FD Hex Color

An airy and clean pale blue

Select a Color

This pale, desaturated blue leans heavily toward grey, making it a versatile choice for clean UI backgrounds. Because it is so light, black text remains highly legible against this backdrop, satisfying accessibility standards for body content. The hex code for this airy, neutral blue is #e3f2fd. Use it as a base to anchor high-contrast charts or data-heavy dashboards without overwhelming the design.

Questions about #e3f2fd

What is #e3f2fd in RGB, HSL and CMYK?

In RGB, #e3f2fd is rgb(227, 242, 253), in HSL hsl(205, 87%, 94%) and in CMYK 10%, 4%, 0%, 1%.

What colors pair well with #e3f2fd?

Because #e3f2fd is so desaturated and light, it pairs best with strong, saturated colors that provide a visual anchor. Try using it alongside a deep navy or a sharp charcoal to create a professional, balanced color scheme for data dashboards.

Is #e3f2fd readable on white or black?

#e3f2fd has a 1.14:1 contrast ratio on white and 18.38: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.

#E3F2FD Hex Color

An airy and clean pale blue

Questions about #e3f2fd

Color tools

Resources