#E2EAED Hex Color

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

Hex color #e2eaed graphic
#e2eaed is a pale, cool gray with a faint blue-green undertone and a soft, bleached finish. Its high lightness creates an airy, clean feel for UI backgrounds, open layouts, and product design. Use it as a dominant base with charcoal typography, while black text provides strong contrast. The hex code for this delicate gray is #e2eaed.

Questions about #e2eaed

What is #e2eaed in RGB, HSL and CMYK?
In RGB, #e2eaed is rgb(226, 234, 237), in HSL hsl(196, 23%, 91%) and in CMYK 5%, 1%, 0%, 7%.
What colors pair well with #e2eaed?
#e2eaed pairs well with charcoal, navy, muted sage, and warm wood tones, which balance its pale blue-green cast without making the layout feel harsh. Use a deeper accent for headings, buttons, or borders.
Does #e2eaed read as warm or cool?
#e2eaed reads as a cool gray because its blue-green undertone subtly shifts the pale neutral away from beige. That clean, airy bias works especially well in modern interfaces, open layouts, and product-focused design.
Is #e2eaed readable on white or black?
#e2eaed has a 1.21:1 contrast ratio on white and 17.22: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.