#D2E7E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d2e7e2 is a bleached, desaturated teal with strong grey undertones. This extremely light shade offers a sterile, airy quality that works best as a neutral background for minimalist UI design. It provides excellent contrast for black text, ensuring high legibility for body copy. Use it sparingly, as it can feel washed out when placed directly against pure white without darker borders to anchor the layout.
Questions about #d2e7e2
What is #d2e7e2 in RGB, HSL and CMYK?
In RGB, #d2e7e2 is rgb(210, 231, 226), in HSL hsl(166, 30%, 86%) and in CMYK 9%, 0%, 2%, 9%.
How can I effectively use #d2e7e2 in UI design?
#d2e7e2 works best as a calm, unobtrusive background color that allows content to stand out without visual clutter. Because of its light, washed-out nature, pair it with dark typography like charcoal or deep navy to ensure sufficient contrast for accessibility.
Does #d2e7e2 lean warm or cool?
This color sits on the cooler side of the spectrum due to its strong teal and grey undertones. It evokes a sterile, clinical, or refreshing mood, making it well-suited for wellness brands, medical interfaces, or any project needing a clean and airy aesthetic.
Is #d2e7e2 readable on white or black?
#d2e7e2 has a 1.29:1 contrast ratio on white and 16.26: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.