#C2CDFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted pastel indigo feels airy and clean due to its low saturation and high lightness. The hex code #c2cdff works best as a large UI background, where it supports text without overwhelming the layout. Because it offers strong contrast against black, readability remains excellent. Pair it with dark charcoal rather than white to prevent the color from appearing washed out or flat.
Questions about #c2cdff
What is #c2cdff in RGB, HSL and CMYK?
In RGB, #c2cdff is rgb(194, 205, 255), in HSL hsl(229, 100%, 88%) and in CMYK 24%, 20%, 0%, 0%.
What colors pair best with #c2cdff in UI design?
Use deep charcoal or dark navy for text to maintain excellent contrast, as this pastel indigo can appear washed out against white. Pairing #c2cdff with darker, saturated tones creates a balanced look that prevents the layout from feeling flat.
Is #c2cdff suitable for text on light backgrounds?
No, the lightness of #c2cdff makes it unsuitable for body text against white or light backgrounds because it fails WCAG accessibility standards. Reserve this shade for backgrounds, accents, or border elements where you need a soft, airy, and non-intrusive visual impact.
Is #c2cdff readable on white or black?
#c2cdff has a 1.55:1 contrast ratio on white and 13.47: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.