#D5E2FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, pastel blue is highly desaturated, lending an immediate sense of lightness to any interface. Because it provides high contrast with black text, #d5e2ff works effectively as a full-page background in healthcare or technology designs. Use it alongside deep charcoal or muted navy rather than pure white, which can make this shade appear washed out and sickly. The hex code for this color is #d5e2ff.
Questions about #d5e2ff
What is #d5e2ff in RGB, HSL and CMYK?
In RGB, #d5e2ff is rgb(213, 226, 255), in HSL hsl(221, 100%, 92%) and in CMYK 16%, 11%, 0%, 0%.
Where should I use #d5e2ff in a UI design?
#d5e2ff works exceptionally well as a primary background for healthcare apps, wellness platforms, or tech interfaces that need a spacious, uncrowded look. It provides enough visual interest to replace standard white while keeping text highly readable.
What colors pair best with #d5e2ff?
This light blue is best grounded by high-contrast, dark neutrals like charcoal or deep navy to prevent the design from appearing washed out. Avoid pairing it with pure white, as it lacks the contrast needed for a crisp, professional presentation.
Is #d5e2ff readable on white or black?
#d5e2ff has a 1.30:1 contrast ratio on white and 16.15: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.