#CCC4D8
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)Use the native HTML custom element.
#CCC4D8
Color Values
#CCC4D8
204, 196, 216
264.0, 20.4%, 80.8%
264.0, 9.3%, 84.7%
5.6%, 9.3%, 0.0%, 15.3%
0.8329 0.0289 303.8
Properties
Color Psychology
Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.
Design Usage
Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #CCC4D8;
color: #CCC4D8;
border-color: #CCC4D8;
Slate 300
#CBD5E1
Tailwind Shades
Contrast Checker
Text on white
1.69:1
Text on black
12.46:1
Compare With
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #CCC4D8?
RGB(204, 196, 216) · HSL(264.0, 20.4%, 80.8%) · CMYK(5.6%, 9.3%, 0.0%, 15.3%)
Does #CCC4D8 meet WCAG contrast on white?
1.69:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #CCC4D8?
Use 000000 text on a #CCC4D8 background; contrast on black is 12.46:1.