#D2C7CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d2c7cc is a desaturated, cool-toned mauve that feels remarkably light and airy. Its muted, ashy quality makes it an excellent neutral backdrop for clean, minimalist layouts. Because of its high contrast against black text, it works well for UI elements that require readability without harsh brightness. Use it alongside deep charcoals or slate blues to anchor its delicate, faded character in a professional design.
Questions about #d2c7cc
What is #d2c7cc in RGB, HSL and CMYK?
In RGB, #d2c7cc is rgb(210, 199, 204), in HSL hsl(333, 11%, 80%) and in CMYK 0%, 5%, 3%, 18%.
Does #d2c7cc work well for web interface text?
While #d2c7cc provides a sophisticated aesthetic for UI elements, it is too light to serve as primary body text against a white background. It functions best as an accent color or a soft, calming background that allows darker, high-contrast text to remain legible.
Which colors complement #d2c7cc effectively?
To anchor the faded, airy quality of #d2c7cc, pair it with deeper, grounded tones like charcoal or slate blue. These darker counterparts provide necessary contrast, preventing the mauve from feeling washed out or overly delicate in a complex visual layout.
Is #d2c7cc readable on white or black?
#d2c7cc has a 1.64:1 contrast ratio on white and 12.78: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.