#CAA4F2 Hex Color

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

Hex color #caa4f2 graphic
This pale, cool-toned violet brings a soft, youthful energy to design palettes. Because of its lightness, #caa4f2 works best as a secondary accent rather than a dominant background, as it can feel slightly washed out next to pure white. It pairs beautifully with charcoal grays or deep teals for a modern, balanced look. Black text remains perfectly legible against this hex code.

Questions about #caa4f2

What is #caa4f2 in RGB, HSL and CMYK?
In RGB, #caa4f2 is rgb(202, 164, 242), in HSL hsl(269, 75%, 80%) and in CMYK 17%, 32%, 0%, 5%.
How should I use #caa4f2 in web design?
#caa4f2 works best as a secondary accent color rather than a large background, as its lightness can appear washed out against white. Use it alongside charcoal or deep teals to create a balanced, modern visual hierarchy that keeps text readable.
What mood does #caa4f2 convey?
This cool-toned violet brings a soft, youthful energy to design projects, making it ideal for brands seeking a gentle but modern aesthetic. It avoids feeling overly feminine by pairing well with grounded, neutral tones like slate or graphite.
Is #caa4f2 readable on white or black?
#caa4f2 has a 2.07:1 contrast ratio on white and 10.10: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.