#CCDCFE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, desaturated periwinkle offers a airy, clinical feel that avoids the harshness of pure white. Because of its high lightness, #ccdcfe functions best as a soft background in UI designs where you need a subtle, clean separation from content. Black text reads clearly against this shade, making it a reliable choice for accessible, professional interfaces that require a gentle, calming presence.
Questions about #ccdcfe
What is #ccdcfe in RGB, HSL and CMYK?
In RGB, #ccdcfe is rgb(204, 220, 254), in HSL hsl(221, 96%, 90%) and in CMYK 20%, 13%, 0%, 0%.
What colors pair best with the #ccdcfe periwinkle tone?
This shade works well when anchored by charcoal or deep navy text, which grounds its airy nature. For accent colors, it harmonizes with warm muted tones like terracotta or soft corals, creating a balanced palette that feels both professional and inviting.
Is #ccdcfe readable on white or black?
#ccdcfe has a 1.37:1 contrast ratio on white and 15.23: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.