Lavender Blue
Soft and serene pale violet hue
Lavender Blue is a pale, unsaturated violet that leans cool. It creates a serene background without the harsh glare of pure white. Because of its high lightness, it pairs well with deep charcoal or slate gray text for strong readability. Designers use #ccccff for web interfaces or branding requiring a soft, structured feel. Avoid using it alongside other pastel tones, as it can quickly lose definition.
Questions about Lavender Blue
What is the hex code for Lavender Blue?
Lavender Blue is #ccccff. In RGB that is rgb(204, 204, 255), in HSL hsl(240, 100%, 90%) and in CMYK 20%, 20%, 0%, 0%.
What colors pair best with Lavender Blue #ccccff?
Lavender Blue functions best when grounded by deep, neutral tones that provide visual weight. Try pairing it with charcoal or slate gray for strong text readability, or use soft terracotta for a balanced, sophisticated aesthetic.
Is #ccccff suitable for text on a white background?
No, #ccccff lacks sufficient contrast against pure white backgrounds and will fail most accessibility standards. Always use this light color as a background or accent element while keeping your primary text in a dark, high-contrast shade.
Is Lavender Blue readable on white or black?
Lavender Blue has a 1.53:1 contrast ratio on white and 13.64: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.