#D1DDE3 Hex Color

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

Hex color #d1dde3 graphic
Soft and lightly desaturated, #d1dde3 is a pale blue with gray undertones and a clean, airy finish. Its delicate appearance suits healthcare, finance, security, and technology interfaces, especially as a supporting background tone. Pair it with charcoal or deep navy for clear structure. Black text provides about 15.2:1 contrast, meeting WCAG AA for body text. The hex code is #d1dde3.

Questions about #d1dde3

What is #d1dde3 in RGB, HSL and CMYK?
In RGB, #d1dde3 is rgb(209, 221, 227), in HSL hsl(200, 24%, 85%) and in CMYK 8%, 3%, 0%, 11%.
What colors pair well with #d1dde3?
#d1dde3 pairs well with charcoal or deep navy for readable structure, while muted blue and cool gray accents preserve its calm, airy character in interfaces and editorial layouts.
Where does #d1dde3 work well?
#d1dde3 works well for healthcare, finance, security, and technology interfaces, where its soft blue cast and low saturation create a clean supporting background that keeps layouts calm without competing with content.
Is #d1dde3 readable on white or black?
#d1dde3 has a 1.38:1 contrast ratio on white and 15.16: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.