#D3E3F3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue offers a clean, airy feel that works effectively as a neutral background for UI layouts. Because it provides high contrast with black text, it is a practical choice for readable interface elements. Use the hex code #d3e3f3 sparingly, as it can look washed out if paired with too many light tones. It pairs well with charcoal greys for a structured, professional aesthetic.
Questions about #d3e3f3
What is #d3e3f3 in RGB, HSL and CMYK?
In RGB, #d3e3f3 is rgb(211, 227, 243), in HSL hsl(210, 57%, 89%) and in CMYK 13%, 7%, 0%, 5%.
Does #d3e3f3 work well for UI backgrounds?
#d3e3f3 is an excellent choice for interface backgrounds because it offers a soft, airy quality while maintaining enough contrast to keep black or dark text highly readable. It avoids the harshness of stark white while keeping the layout feeling organized and professional.
What colors pair well with #d3e3f3?
This pale blue pairs best with charcoal or deep navy tones to create a structured, modern aesthetic. Because #d3e3f3 is quite desaturated, avoid pairing it with other very light pastels, as this can make the design look washed out and lacking in visual hierarchy.
Is #d3e3f3 readable on white or black?
#d3e3f3 has a 1.30:1 contrast ratio on white and 16.05: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.