#CCDEFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ccdeff is a pale, unsaturated blue that functions as an excellent background choice for clean, minimal UI design. Because of its high lightness, black text creates enough contrast for accessible body copy. It pairs well with slate grays or muted charcoal when you need to avoid the starkness of pure white. Use this hex code for healthcare or finance interfaces where a sense of stability is necessary.
Questions about #ccdeff
What is #ccdeff in RGB, HSL and CMYK?
In RGB, #ccdeff is rgb(204, 222, 255), in HSL hsl(219, 100%, 90%) and in CMYK 20%, 13%, 0%, 0%.
Why is #ccdeff an effective choice for professional interface backgrounds?
This light blue provides a subtle, calming atmosphere that feels more approachable than stark white, making it ideal for financial or healthcare dashboards. Because of its high lightness, it maintains excellent readability with standard dark text, ensuring your designs remain accessible.
What colors pair well with #ccdeff in a UI design?
Pair #ccdeff with charcoal or deep slate grays to create a sophisticated, high-contrast look that feels grounded. For a softer interface, combine it with muted navies or desaturated cool tones to maintain the clean, minimal aesthetic without losing visual depth.
Is #ccdeff readable on white or black?
#ccdeff has a 1.35:1 contrast ratio on white and 15.45: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.