#D3D6FB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, cool indigo feels airy and clean due to its low saturation. Because it is highly legible, the hex code #d3d6fb works well as a grounding background color for modern UI designs. It pairs effectively with deep charcoal or slate gray text to maintain professional contrast. Avoid using it alongside stark white, as the subtle hue can appear washed out in direct proximity.
Questions about #d3d6fb
What is #d3d6fb in RGB, HSL and CMYK?
In RGB, #d3d6fb is rgb(211, 214, 251), in HSL hsl(235, 83%, 91%) and in CMYK 16%, 15%, 0%, 2%.
How can I effectively use #d3d6fb in a UI design?
#d3d6fb serves best as a subtle, grounding background color for modern digital interfaces. To maintain readability, pair it with high-contrast text like charcoal or deep slate gray, as these colors prevent the light indigo from looking washed out or illegible.
Why does #d3d6fb appear washed out when paired with white?
Because #d3d6fb is a very light and desaturated indigo, it lacks the visual weight necessary to stand out against stark white backgrounds. For better accessibility and definition, use darker, neutral tones to frame the color instead of relying on pure white.
Is #d3d6fb readable on white or black?
#d3d6fb has a 1.42:1 contrast ratio on white and 14.78: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.