#CCE3FF Hex Color
A pale, trustworthy blue for gentle design
Pale blue works well as a background for healthcare apps, baby brands, and finance dashboards. The hex code #cce3ff is very light and barely saturated, so it reads gentle rather than bold. Pair it with navy or charcoal text; black hits about 16:1 contrast. Next to pure white it can wash out, so keep some darker tones nearby.
Questions about #cce3ff
What is #cce3ff in RGB, HSL and CMYK?
In RGB, #cce3ff is rgb(204, 227, 255), in HSL hsl(213, 100%, 90%) and in CMYK 20%, 11%, 0%, 0%.
What text color works best on #cce3ff?
Black text is the safest choice, with about a 16:1 contrast ratio that passes WCAG AA for small body text. Dark navy also reads clearly if you want a softer look than pure black.
What colors pair well with #cce3ff?
Is #cce3ff readable on white or black?
#cce3ff has a 1.31:1 contrast ratio on white and 15.99: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.