#CCC2FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel lavender offers a cool, unsaturated tone that feels light and airy. Because it sits high on the lightness scale, #ccc2fc works well as a gentle background color for UI design. It pairs effectively with deep charcoal or slate greys to create a balanced contrast. Since black text provides excellent readability over this hex code, it is a safe choice for soft, clean typographic layouts.
Questions about #ccc2fc
What is #ccc2fc in RGB, HSL and CMYK?
In RGB, #ccc2fc is rgb(204, 194, 252), in HSL hsl(250, 91%, 87%) and in CMYK 19%, 23%, 0%, 1%.
What colors pair well with #ccc2fc for a balanced design?
Because #ccc2fc is a cool, unsaturated tone, it works best when grounded by darker, neutral elements. Pairing it with charcoal or deep slate provides the necessary contrast to make the lavender feel intentional rather than washed out.
Is #ccc2fc readable on white or black?
#ccc2fc has a 1.65:1 contrast ratio on white and 12.68: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.