#CCC2F9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, desaturated violet carries a dusty, ashy character. Because of its high lightness, #ccc2f9 serves as a gentle background that pairs beautifully with dark slate or charcoal text for high contrast. The hex code #ccc2f9 provides excellent readability for body copy, making it a reliable choice for delicate UI designs that require elegance and order.
Questions about #ccc2f9
What is #ccc2f9 in RGB, HSL and CMYK?
In RGB, #ccc2f9 is rgb(204, 194, 249), in HSL hsl(251, 82%, 87%) and in CMYK 18%, 22%, 0%, 2%.
Does #ccc2f9 work well for body text or UI labels?
#ccc2f9 is far too light for accessible body text, but it excels as a subtle background color. To maintain proper contrast ratios, pair it with dark, high-contrast text such as charcoal or deep navy for the best readability.
What color palette style complements #ccc2f9?
Because of its dusty, ashy undertone, #ccc2f9 thrives in muted, monochromatic schemes or soft pastel palettes. It looks sophisticated when balanced against cooler slate grays, preventing the violet from feeling overly sweet or childish in a modern digital interface.
Is #ccc2f9 readable on white or black?
#ccc2f9 has a 1.65:1 contrast ratio on white and 12.65: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.