#CCC2C3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy red functions as a muted neutral with a delicate, airy quality. Because the tone is so desaturated, it shines as a minimalist UI background. The hex code #ccc2c3 provides plenty of contrast for legible black body text, but avoid placing it directly next to pure white to prevent a washed out appearance. Pair it with deep charcoal to ground the layout.
Questions about #ccc2c3
What is #ccc2c3 in RGB, HSL and CMYK?
In RGB, #ccc2c3 is rgb(204, 194, 195), in HSL hsl(354, 9%, 78%) and in CMYK 0%, 5%, 4%, 20%.
How should I pair #ccc2c3 in a web layout?
Use #ccc2c3 as a subtle, airy background color that feels modern and restrained. To prevent it from looking washed out, anchor the design by using high-contrast charcoal for body text and primary UI elements.
Is #ccc2c3 suitable for large blocks of text?
Yes, #ccc2c3 works well as a background for text if you ensure the foreground color meets contrast accessibility standards. Pair it with deep charcoal or near-black text to maintain readability while keeping the aesthetic soft and sophisticated.
Is #ccc2c3 readable on white or black?
#ccc2c3 has a 1.73:1 contrast ratio on white and 12.07: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.