#E5ECF2 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #e5ecf2 graphic
This pale, low-saturation blue has a faint gray cast, giving it a bleached, airy appearance. The hex code #e5ecf2 suggests cleanliness, reliability, and calm control. It works well as a dominant UI background for healthcare, finance, and security products, though it can look washed out beside pure white. Dark charcoal text provides about 17.6:1 contrast.

Questions about #e5ecf2

What is #e5ecf2 in RGB, HSL and CMYK?
In RGB, #e5ecf2 is rgb(229, 236, 242), in HSL hsl(208, 33%, 92%) and in CMYK 5%, 2%, 0%, 5%.
Does #e5ecf2 look warm or cool?
#e5ecf2 reads as a cool pale blue-gray because its blue component is higher than its red component, while low saturation softens the icy effect. It creates a clean, restrained mood for interfaces, forms, and spacious layouts.
Which colors pair well with #e5ecf2?
#e5ecf2 pairs well with navy, slate, and muted teal accents, which add depth without overpowering its pale surface. These combinations work especially well in dashboards, healthcare layouts, and interfaces that need a light base with clear visual hierarchy.
Is #e5ecf2 readable on white or black?
#e5ecf2 has a 1.19:1 contrast ratio on white and 17.61: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.