#D9DBF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated indigo functions best as a soft background rather than a main feature. Because of its light, washed-out character, it provides excellent contrast for black typography without the harshness of pure white. Use #d9dbf2 as a hex code for UI interfaces that require a structured, clean feel. It pairs well with charcoal greys to avoid looking muddy in larger applications.
Questions about #d9dbf2
What is #d9dbf2 in RGB, HSL and CMYK?
In RGB, #d9dbf2 is rgb(217, 219, 242), in HSL hsl(235, 49%, 90%) and in CMYK 10%, 10%, 0%, 5%. Browse more shades of gray with names and hex codes.
Why use #d9dbf2 in interface design?
This pale, desaturated indigo functions effectively as a structural background that maintains high legibility for dark text. It avoids the harshness of a pure white background, making it ideal for cleaner, more comfortable digital interfaces.
What colors coordinate well with #d9dbf2?
Pair this shade with charcoal or deep slate tones to ground the light indigo and prevent a washed-out appearance. Using strong, dark neutrals creates a balanced, professional look that keeps your primary content or typography as the main focus.
Is #d9dbf2 readable on white or black?
#d9dbf2 has a 1.36:1 contrast ratio on white and 15.36: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.