#CDE1FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #cde1ff when a UI background needs to feel soft without sliding into gray. The hex code sits in pastel blue territory, so lightly saturated it reads more like a tint than a color. Black text scores about 15.8:1 contrast against it, so small body copy stays readable. Pair it with deep navy or slate to keep layouts from washing out.
Questions about #cde1ff
What is #cde1ff in RGB, HSL and CMYK?
In RGB, #cde1ff is rgb(205, 225, 255), in HSL hsl(216, 100%, 90%) and in CMYK 20%, 12%, 0%, 0%.
What colors pair well with #cde1ff?
Deep navy, slate gray, and muted terracotta all flatter #cde1ff, the navy for trust and the terracotta for a warm counterpoint. Keep darker tones near 30 percent of the layout so the pastel still leads.
Where does #cde1ff work best in a design?
Treat #cde1ff as a dominant background base in healthcare, finance, or baby product layouts where a soft, dependable feel matters. It loses impact next to plain white, so ground it with darker supporting tones.
Is #cde1ff readable on white or black?
#cde1ff has a 1.32:1 contrast ratio on white and 15.80: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.