#D0CCFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This extremely pale, unsaturated violet provides a soft, airy base for UI backgrounds and cosmetic branding. Because it is light, it benefits from strong contrast, pairing exceptionally well with deep charcoal or slate gray text to maintain readability. The hex code for this color is #d0ccfc. Avoid using it alongside stark white as it can appear washed out and lose its gentle character.
Questions about #d0ccfc
What is #d0ccfc in RGB, HSL and CMYK?
In RGB, #d0ccfc is rgb(208, 204, 252), in HSL hsl(245, 89%, 89%) and in CMYK 17%, 19%, 0%, 1%.
Why is #d0ccfc difficult to use with white text?
Because #d0ccfc is an extremely light, high-value violet, it lacks sufficient contrast against white backgrounds or text. Always pair it with high-contrast, dark neutrals like charcoal or slate to maintain accessibility and ensure your content remains legible to all users.
Where should I use #d0ccfc in my interface?
This unsaturated violet works best as a soft, ethereal background color for wellness websites or cosmetic branding. Use it to create a calming, spacious aesthetic without overwhelming the viewer, keeping the foreground elements bold and clearly defined to anchor the design.
Is #d0ccfc readable on white or black?
#d0ccfc has a 1.53:1 contrast ratio on white and 13.72: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.