#DFE1F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, bleached indigo carries a distinct grayish undertone that feels delicate and airy. Because #dfe1f0 is so desaturated, it works effectively as a modern neutral background rather than a bold feature. It provides excellent legibility for black text, making it a functional choice for clean, minimal interfaces. Pair it with charcoal greys to highlight its subtle, cool-toned character without letting it wash out.
Questions about #dfe1f0
What is #dfe1f0 in RGB, HSL and CMYK?
In RGB, #dfe1f0 is rgb(223, 225, 240), in HSL hsl(233, 36%, 91%) and in CMYK 7%, 6%, 0%, 6%.
What design schemes work best with #dfe1f0?
Pair #dfe1f0 with charcoal or deep navy tones to anchor its delicate, airy nature. Because this color is so desaturated, using it against high-contrast dark text ensures excellent legibility while maintaining a sophisticated, modern aesthetic in your interface design.
Is #dfe1f0 suitable for UI background elements?
#dfe1f0 functions effectively as a background color because it provides a soft, non-intrusive base that supports black or dark-grey text. It offers a subtle hint of color without overwhelming the screen, making it a professional choice for minimal, content-focused web layouts.
Is #dfe1f0 readable on white or black?
#dfe1f0 has a 1.29:1 contrast ratio on white and 16.16: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.