#D5DDE4 Hex Color

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

Hex color #d5dde4 graphic
This pale, desaturated blue leans heavily into grey to create a crisp, airy feel. As a background, #d5dde4 functions well in minimalist interfaces that require readability without the starkness of pure white. It pairs effectively with deep charcoal text to maintain strong contrast for UI elements. The hex code for this clean, professional shade is #d5dde4.

Questions about #d5dde4

What is #d5dde4 in RGB, HSL and CMYK?
In RGB, #d5dde4 is rgb(213, 221, 228), in HSL hsl(208, 22%, 86%) and in CMYK 7%, 3%, 0%, 11%. Browse more shades of gray with names and hex codes.
Does #d5dde4 read more like a blue or a grey?
#d5dde4 sits squarely in the space between a soft blue and a cool-toned grey. It acts as a chameleon in design, appearing as a subtle, sky-like tint when surrounded by dark colors or as a neutral slate-grey when paired with vibrant blues.
What colors pair well with #d5dde4 in a user interface?
This color excels when paired with deep charcoal text, which provides enough contrast for accessibility while maintaining a professional, modern aesthetic. For accents, consider muted navy or soft sage to maintain the cohesive, desaturated theme across your design system.
Is #d5dde4 readable on white or black?
#d5dde4 has a 1.37:1 contrast ratio on white and 15.29: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.