#D4DDE3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Pale blue-gray #d4dde3 has a faded, delicate look created by high lightness and low saturation. The hex code feels clean, airy, and dependable without appearing stark. Use it as a dominant background in healthcare, finance, technology, or government interfaces. Pair it with charcoal or navy text, since white can make this shade look washed out.
Questions about #d4dde3
What is #d4dde3 in RGB, HSL and CMYK?
In RGB, #d4dde3 is rgb(212, 221, 227), in HSL hsl(204, 21%, 86%) and in CMYK 7%, 3%, 0%, 11%. Browse more shades of gray with names and hex codes.
What colors pair well with #d4dde3?
#d4dde3 pairs well with charcoal, navy, and muted burgundy because dark tones add definition while restrained accents prevent its pale blue-gray base from feeling washed out. Use it as the dominant background and reserve stronger colors for headings, controls, or small details.
Is #d4dde3 readable on white or black?
#d4dde3 has a 1.37:1 contrast ratio on white and 15.25: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.