#CA82FF Hex Color

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

Hex color #ca82ff graphic
This vivid, high-energy violet commands immediate attention. Its intense saturation makes #ca82ff a powerful choice for accents and calls to action where you need to drive clicks. Because this tone is so bright, use it sparingly as a 10% accent rather than a dominant base. It pairs surprisingly well with deep charcoal grays, which allow the color to pop without feeling overwhelming.

Questions about #ca82ff

What is #ca82ff in RGB, HSL and CMYK?
In RGB, #ca82ff is rgb(202, 130, 255), in HSL hsl(275, 100%, 75%) and in CMYK 21%, 49%, 0%, 0%.
How should I use #ca82ff in a UI design?
#ca82ff works best as a surgical, high-impact accent color rather than a primary shade. Because it is so intensely saturated, limiting its usage to roughly 10% of your interface keeps it from overwhelming the user and maintains its ability to grab attention.
What colors pair best with #ca82ff?
Deep charcoal or dark neutral grays provide the best contrast for #ca82ff, allowing the violet to pop without clashing. Avoid pairing it with other highly saturated brights, which can cause visual vibration and make text or icons difficult to read.
Is #ca82ff readable on white or black?
#ca82ff has a 2.57:1 contrast ratio on white and 8.14: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.