#CCA2DC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#cca2dc is a light, airy lavender with low saturation that feels gentle and modern. Because this color has high contrast with dark elements, it works as a functional background for UI design. Pair it with charcoal or black text to ensure readability, as it easily passes accessibility standards. Designers often use this hex code for wellness branding and soft, spring-themed interfaces.
Questions about #cca2dc
What is #cca2dc in RGB, HSL and CMYK?
In RGB, #cca2dc is rgb(204, 162, 220), in HSL hsl(283, 45%, 75%) and in CMYK 7%, 26%, 0%, 14%.
What colors pair best with #cca2dc?
#cca2dc works beautifully when paired with charcoal or deep slate text, providing the necessary contrast for accessibility while maintaining a soft, aesthetic look. Avoid pairing it with other light pastels, which can often make a digital design feel muddy or washed out.
Why is #cca2dc effective for UI design?
This shade is an excellent choice for wellness apps and calm interface backgrounds because it feels gentle and approachable to the user. Its low saturation allows it to recede visually, ensuring that dark text remains the primary focus without distracting from the overall layout.
Is #cca2dc readable on white or black?
#cca2dc has a 2.14:1 contrast ratio on white and 9.76: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.