#DEE4E2 Hex Color

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

Hex color #dee4e2 graphic
This bleached, pale grey offers a clean, airy alternative to stark white. Because it carries such a high lightness value, #dee4e2 works best as a primary interface background where black text needs optimal readability. It pairs comfortably with cool blues or muted charcoal for a sophisticated, professional look. Since the hex code #dee4e2 can wash out on screen, use it alongside darker elements to maintain visual structure.

Questions about #dee4e2

What is #dee4e2 in RGB, HSL and CMYK?
In RGB, #dee4e2 is rgb(222, 228, 226), in HSL hsl(160, 10%, 88%) and in CMYK 3%, 0%, 1%, 11%.
How should I use #dee4e2 in interface design?
#dee4e2 serves best as a background canvas for high-contrast typography. Because it is extremely light, it provides a softer visual experience than pure white, effectively reducing eye strain while maintaining a crisp, professional aesthetic for modern web applications.
Which accent colors pair best with #dee4e2?
This versatile grey works best with deeper, grounding tones to prevent the design from feeling washed out. It creates a balanced, sophisticated palette when paired with charcoal for text or navy for primary buttons and interactive elements.
Is #dee4e2 readable on white or black?
#dee4e2 has a 1.28:1 contrast ratio on white and 16.30: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.