#E3F0CF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, luminous green has a delicate, unsaturated character that leans heavily into a bleached lime aesthetic. Because #e3f0cf is so light, it functions best as a spacious background or a gentle supporting tone rather than a foreground element. It pairs well with slate grays or muted terracotta for a natural, balanced interface. Black text remains perfectly readable on this background, ensuring excellent accessibility for UI design.
Questions about #e3f0cf
What is #e3f0cf in RGB, HSL and CMYK?
In RGB, #e3f0cf is rgb(227, 240, 207), in HSL hsl(84, 52%, 88%) and in CMYK 5%, 0%, 14%, 6%. Browse more shades of green with names and hex codes.
What design elements pair well with #e3f0cf?
#e3f0cf works best when grounded by darker, natural tones that prevent it from feeling too airy. It pairs effectively with deep slate or earthy terracotta to provide visual weight and contrast while maintaining a clean, organic interface aesthetic.
Is #e3f0cf suitable for UI text backgrounds?
This light, unsaturated green is an excellent choice for UI backgrounds because it remains highly readable with standard black or dark grey text. It provides a soft, non-distracting canvas that effectively supports information hierarchy without fatiguing the viewer's eyes.
Is #e3f0cf readable on white or black?
#e3f0cf has a 1.19:1 contrast ratio on white and 17.63: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.