#CCE6FA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, airy shade is highly unsaturated with a gentle, cooling effect. Because it remains legible against black text, #cce6fa works well as a soft UI background for financial or secure applications that need a sterile yet accessible appearance. Use it as a dominant base color to keep designs light, and pair it with deep slate grays to anchor the composition.
Questions about #cce6fa
What is #cce6fa in RGB, HSL and CMYK?
In RGB, #cce6fa is rgb(204, 230, 250), in HSL hsl(206, 82%, 89%) and in CMYK 18%, 8%, 0%, 2%.
How can I use #cce6fa effectively in user interface design?
#cce6fa functions best as a background color for interfaces requiring a trustworthy or clinical aesthetic. Its low saturation allows dark text like charcoal or deep navy to remain highly legible while maintaining a light, airy feel for the user.
What colors pair well with the pale blue of #cce6fa?
Pair #cce6fa with neutral slate grays or muted indigo to anchor the composition without overpowering its cooling effect. If you need more contrast, adding a soft, warm terracotta accent can balance the coolness of this pale blue.
Is #cce6fa readable on white or black?
#cce6fa has a 1.29:1 contrast ratio on white and 16.26: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.