#D1DAE9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue leans toward grey, offering a clean, airy backdrop for UI designs. Because it maintains strong contrast, black text remains perfectly legible against the hex code #d1dae9. Designers often use this shade as a neutral base for healthcare or technology interfaces. It pairs effectively with dark charcoal to prevent a washed out appearance, providing a stable foundation for structured, modern layouts.
Questions about #d1dae9
What is #d1dae9 in RGB, HSL and CMYK?
In RGB, #d1dae9 is rgb(209, 218, 233), in HSL hsl(218, 35%, 87%) and in CMYK 10%, 6%, 0%, 9%.
Why is #d1dae9 effective for UI design?
It maintains strong contrast ratios, ensuring black text remains perfectly legible against the soft backdrop. This makes #d1dae9 an ideal choice for modern healthcare or technology interfaces that require a calm, structured, and highly readable professional appearance.
What colors pair well with #d1dae9?
This shade works best with charcoal to prevent a washed-out appearance on screen. Combining #d1dae9 with dark, saturated tones anchors the layout and adds enough visual weight to ground the otherwise pale, airy background elements effectively.
Is #d1dae9 readable on white or black?
#d1dae9 has a 1.40:1 contrast ratio on white and 14.91: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.