#CCE5FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cce5ff is a nearly translucent, airy blue with high lightness and very low saturation. Because it sits so close to white, it functions best as a soft, non-distracting background for UI interfaces or healthcare branding. It offers enough contrast for black body text to remain legible. This hex code pairs well with dark charcoals to anchor its otherwise washed-out appearance.
Questions about #cce5ff
What is #cce5ff in RGB, HSL and CMYK?
In RGB, #cce5ff is rgb(204, 229, 255), in HSL hsl(211, 100%, 90%) and in CMYK 20%, 10%, 0%, 0%.
How should I use #cce5ff in user interface design?
#cce5ff works best as a soft, non-distracting background for interfaces where you want to maintain high legibility for body text. Because it is highly desaturated, it recedes visually, allowing darker charcoal or navy typography to provide necessary contrast and focus.
Does #cce5ff pair well with darker colors?
Yes, #cce5ff creates a professional, grounded look when paired with deep charcoal or slate tones. These darker hues anchor the airy, washed-out quality of the blue, preventing it from appearing too sterile or invisible when used on large screen areas.
Is #cce5ff readable on white or black?
#cce5ff has a 1.29:1 contrast ratio on white and 16.21: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.