#D1F6FF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #d1f6ff graphic
This extremely pale, luminous cyan is nearly white, carrying a light and airy character. Because #d1f6ff is so unsaturated, it functions best as a soft, neutral background in UI designs where pure white feels too harsh. It pairs effectively with deep charcoal text, providing excellent readability. Use this hex code sparingly in small accents, as it can easily wash out next to brighter colors.

Questions about #d1f6ff

What is #d1f6ff in RGB, HSL and CMYK?
In RGB, #d1f6ff is rgb(209, 246, 255), in HSL hsl(192, 100%, 91%) and in CMYK 18%, 4%, 0%, 0%.
Where should I use #d1f6ff in a user interface?
#d1f6ff works best as a primary background color for modern, minimalist web apps where standard white feels too stark. Because it is so light, it pairs perfectly with charcoal or dark navy text to maintain high readability while feeling gentle.
Does #d1f6ff count as a neutral color?
Technically, #d1f6ff is a highly desaturated cyan, but it functions effectively as an off-white neutral. It offers a subtle, refreshing alternative to standard gray or cream, providing a clean canvas that adds a touch of cool temperature without overwhelming the design.
Is #d1f6ff readable on white or black?
#d1f6ff has a 1.14:1 contrast ratio on white and 18.33: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.