#CCD4FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated indigo sits on the cooler end of the spectrum with a distinctly airy, misty quality. Because it remains highly legible, black text works perfectly against this shade, making it a reliable choice for UI backgrounds. Use #ccd4ff as a base color when you need softness without being saccharine. Pair it with deep charcoal or warm slate to anchor the otherwise weightless, ethereal feel.
Questions about #ccd4ff
What is #ccd4ff in RGB, HSL and CMYK?
In RGB, #ccd4ff is rgb(204, 212, 255), in HSL hsl(231, 100%, 90%) and in CMYK 20%, 17%, 0%, 0%.
What design elements pair well with #ccd4ff?
Because #ccd4ff is a very pale, unsaturated indigo, it works best when anchored by high-contrast elements. Use deep charcoal or warm slate text to maintain readability while keeping the airy, mist-like feel of the color palette intact.
Is #ccd4ff readable on white or black?
#ccd4ff has a 1.45:1 contrast ratio on white and 14.42: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.