#D6E7FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale, unsaturated blue offers a clean, airy feel that works well as a subtle UI background. Because it is so light, it pairs perfectly with deep charcoal or navy text to ensure readability. Avoid using this shade for large shapes against white, where it can look washed out. The hex code for this light blue is #d6e7ff.
Questions about #d6e7ff
What is #d6e7ff in RGB, HSL and CMYK?
In RGB, #d6e7ff is rgb(214, 231, 255), in HSL hsl(215, 100%, 92%) and in CMYK 16%, 9%, 0%, 0%.
How should I use #d6e7ff in user interface design?
Why does #d6e7ff look washed out on some screens?
This color is extremely low-saturation and light, meaning it lacks the intensity to stand out against pure white or very bright backgrounds. To keep it from disappearing, frame #d6e7ff with darker elements or borders that ground the shade against the surrounding page white space.
Is #d6e7ff readable on white or black?
#d6e7ff has a 1.25:1 contrast ratio on white and 16.73: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.