#D3E5F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue leans into a cool, professional gray. It feels airy and neutral, serving well as a light background color for UI layouts or documentation where clarity matters. Because it provides high contrast with black text, it is a practical choice for readable interface elements. The hex code for this color is #d3e5f2. Avoid using it alongside white, as the contrast can feel washed out.
Questions about #d3e5f2
What is #d3e5f2 in RGB, HSL and CMYK?
In RGB, #d3e5f2 is rgb(211, 229, 242), in HSL hsl(205, 54%, 89%) and in CMYK 13%, 5%, 0%, 5%.
Why is #d3e5f2 suitable for interface design?
This shade functions as an excellent neutral background because its desaturated blue tone minimizes eye strain while maintaining enough contrast to keep black text sharp and legible. Designers often use it to structure complex documentation without overwhelming the page content.
What colors pair well with #d3e5f2?
Pair #d3e5f2 with a deep charcoal to maximize readability or a soft terracotta for a balanced, modern palette. Because the shade is so light, it relies on darker, saturated colors to create visual interest and clear hierarchy on the screen.
Is #d3e5f2 readable on white or black?
#d3e5f2 has a 1.29:1 contrast ratio on white and 16.25: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.