#DFF6FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, luminous cyan carries a distinct grey undertone that prevents it from feeling too saccharine. Because of its high lightness, #dff6ff works exceptionally well as a primary background color for digital interfaces, allowing dark text to remain highly readable. Pair this hex code with deep charcoal or slate greys to ground the shade and avoid a washed-out appearance in your design layouts.
Questions about #dff6ff
What is #dff6ff in RGB, HSL and CMYK?
In RGB, #dff6ff is rgb(223, 246, 255), in HSL hsl(197, 100%, 94%) and in CMYK 13%, 4%, 0%, 0%. Browse more shades of blue with names and hex codes.
What colors pair best with #dff6ff?
Use deep charcoal or slate greys to create high-contrast text that grounds this airy cyan. Because #dff6ff is so light, it requires darker, saturated tones to avoid appearing washed out on screens or printed materials.
Is #dff6ff readable on white or black?
#dff6ff has a 1.11:1 contrast ratio on white and 18.76: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.