#CDE4F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ultra-light blue is incredibly desaturated, offering a clean and airy feel. Because it sits at the lighter end of the spectrum, #cde4f9 makes an excellent base for UI backgrounds in finance or security apps where clarity matters. It pairs beautifully with charcoal grays for a modern, professional contrast. The hex code for this shade is #cde4f9, which supports black text for high legibility.
Questions about #cde4f9
What is #cde4f9 in RGB, HSL and CMYK?
In RGB, #cde4f9 is rgb(205, 228, 249), in HSL hsl(209, 79%, 89%) and in CMYK 18%, 8%, 0%, 2%.
Does #cde4f9 work well for website backgrounds?
#cde4f9 provides a highly legible, clean surface for text-heavy interfaces like dashboards or financial portals. It keeps designs feeling light and professional, especially when paired with charcoal or dark navy text for high-contrast accessibility.
What colors pair best with #cde4f9?
This light blue benefits from high-contrast grounding colors to prevent it from feeling too washed out. Try using charcoal for typography or a deep-navy for secondary elements to create a sophisticated, trustworthy color scheme.
Is #cde4f9 readable on white or black?
#cde4f9 has a 1.30:1 contrast ratio on white and 16.06: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.