#CCD7FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale, cool indigo feels quiet and airy, sitting just on the edge of periwinkle. Because it is highly unsaturated, #ccd7ff serves as a clean, structured background choice that avoids the intensity of primary blues. It pairs effectively with deep charcoal text for high readability. Use this hex code when you need a gentle, orderly neutral that supports brighter, more saturated palette accents without competing for attention.
Questions about #ccd7ff
What is #ccd7ff in RGB, HSL and CMYK?
In RGB, #ccd7ff is rgb(204, 215, 255), in HSL hsl(227, 100%, 90%) and in CMYK 20%, 16%, 0%, 0%.
What colors pair well with #ccd7ff in a UI design?
Is #ccd7ff suitable for use as a primary interface background?
Yes, #ccd7ff provides a gentle, orderly feel that is less intense than standard primary blues, reducing eye strain in web interfaces. It maintains excellent accessibility when paired with dark, high-contrast foreground elements, ensuring users can read content without difficulty.
Is #ccd7ff readable on white or black?
#ccd7ff has a 1.42:1 contrast ratio on white and 14.73: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.