#DFE5F2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated blue feels almost like a neutral grey. Because of its extreme lightness, #dfe5f2 functions best as a clean background for minimal UI designs or spacious layouts. It pairs effectively with charcoal text, providing a solid 16.6:1 contrast ratio that ensures perfect readability. Use this hex code when you need a professional, airy base that avoids the starkness of pure white.
Questions about #dfe5f2
What is #dfe5f2 in RGB, HSL and CMYK?
In RGB, #dfe5f2 is rgb(223, 229, 242), in HSL hsl(221, 42%, 91%) and in CMYK 8%, 5%, 0%, 5%.
When should I use #dfe5f2 instead of white?
Use #dfe5f2 when you need a gentle, airy background that maintains high readability while reducing the harshness of pure white. It pairs exceptionally well with charcoal text, creating a professional and comfortable viewing experience for long-form content or minimalist interfaces.
What colors pair well with #dfe5f2?
Because #dfe5f2 functions as a neutral base, it pairs beautifully with high-contrast, darker tones like charcoal or navy. These darker accents ground the color, preventing the overall design from feeling too washed out or ethereal on screen.
Is #dfe5f2 readable on white or black?
#dfe5f2 has a 1.26:1 contrast ratio on white and 16.62: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.