#CAA5FF Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #caa5ff graphic
This bright, pastel violet has an airy quality that feels youthful and light. Because #caa5ff offers strong contrast against black, it works effectively for UI text or sharp graphic accents. Use this hex code sparingly as a 10% highlight to prevent it from overwhelming your layout. It pairs particularly well with deep charcoal grays, creating a modern, clean interface look.

Questions about #caa5ff

What is #caa5ff in RGB, HSL and CMYK?
In RGB, #caa5ff is rgb(202, 165, 255), in HSL hsl(265, 100%, 82%) and in CMYK 21%, 35%, 0%, 0%.
How can I best use #caa5ff in a web interface?
Apply #caa5ff sparingly as a 10% highlight to avoid overwhelming your layout. It creates a striking, modern contrast against deep charcoal or near-black backgrounds, making it ideal for UI text or subtle graphic accents.
Does #caa5ff lean warm or cool in color theory?
The hex color #caa5ff acts as a cool-toned pastel violet with strong blue undertones. Its airy, youthful appearance makes it feel crisp rather than heavy, which helps maintain a fresh and light visual energy in design projects.
Is #caa5ff readable on white or black?
#caa5ff has a 2.03:1 contrast ratio on white and 10.33: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.