#CCDAF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This very unsaturated, pale periwinkle carries a crisp, professional tone perfect for finance or healthcare interfaces. Because of its light, airy quality, #ccdaf4 works best as a background color to maintain strong contrast for black text. It lacks the intensity of darker blues, so pair it with a deep navy or slate grey to ground your design without overwhelming the viewer. The hex code for this blue is #ccdaf4.
Questions about #ccdaf4
What is #ccdaf4 in RGB, HSL and CMYK?
In RGB, #ccdaf4 is rgb(204, 218, 244), in HSL hsl(219, 65%, 88%) and in CMYK 16%, 11%, 0%, 4%.
What colors pair well with #ccdaf4 in a UI design?
Use deep navy or slate grey to ground #ccdaf4 without overwhelming its airy quality. These darker, neutral tones provide the necessary contrast to keep your text readable while maintaining a professional, balanced look for your interface.
Does #ccdaf4 work well as a background color?
Yes, #ccdaf4 functions best as a background color because its light, unsaturated nature ensures high contrast for black or dark grey text. It provides a clean, modern canvas that feels professional rather than decorative or distracting.
Is #ccdaf4 readable on white or black?
#ccdaf4 has a 1.40:1 contrast ratio on white and 14.90: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.