#D4DFE5 Hex Color

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

Hex color #d4dfe5 graphic
A whisper of blue that leans heavily into grey, #d4dfe5 offers an airy, bleached aesthetic. It functions perfectly as a neutral background for clean, minimalist UI designs where white feels too sterile. Because it maintains high contrast, black text remains legible when layered on top. Pair this hex code with soft charcoal or slate tones to maintain its delicate, professional character without washing it out.

Questions about #d4dfe5

What is #d4dfe5 in RGB, HSL and CMYK?
In RGB, #d4dfe5 is rgb(212, 223, 229), in HSL hsl(201, 25%, 86%) and in CMYK 7%, 3%, 0%, 10%. Browse more shades of gray with names and hex codes.
What colors pair well with #d4dfe5 for a professional design?
This color excels when paired with deep charcoal or slate tones, which provide the necessary depth to keep the overall design from feeling washed out. You can also layer it with navy to create a crisp, corporate aesthetic that remains soft and modern.
Does #d4dfe5 read as a warm or cool color?
While it leans heavily into grey, #d4dfe5 is firmly a cool-toned color because of its blue undertones. It creates a calming, refreshing atmosphere, making it a safer, more readable alternative to sterile, bright whites in UI design.
Is #d4dfe5 readable on white or black?
#d4dfe5 has a 1.35:1 contrast ratio on white and 15.48: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.