#DDE4F5 Hex Color

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

Hex color #dde4f5 graphic
#dde4f5 is a pale, desaturated blue with strong grey undertones. Designers often use this shade for corporate UI backgrounds where reliability matters. Because it maintains a high contrast ratio with black text, it serves as a functional foundation for finance or legal dashboards. Pair the hex code #dde4f5 with deep charcoal accents to ground the design.

Questions about #dde4f5

What is #dde4f5 in RGB, HSL and CMYK?
In RGB, #dde4f5 is rgb(221, 228, 245), in HSL hsl(222, 55%, 91%) and in CMYK 10%, 7%, 0%, 4%. Browse more shades of blue with names and hex codes.
How should I use #dde4f5 in UI design?
#dde4f5 functions best as a background color for dashboards where clarity and focus are paramount. Because it is highly desaturated, it recedes visually, allowing primary call-to-action buttons in vibrant colors like navy or slate to stand out effectively.
Does #dde4f5 work well with dark text?
Yes, #dde4f5 provides excellent contrast ratios for black or deep grey typography, making it a safe, readable choice for text-heavy interfaces. It avoids the harshness of pure white while maintaining a crisp, clean aesthetic that feels professional and calm.
Is #dde4f5 readable on white or black?
#dde4f5 has a 1.27:1 contrast ratio on white and 16.49: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.