#A802F0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense violet is highly saturated and demands immediate attention. #a802f0 works best as a small accent, such as for call-to-action buttons or highlights, rather than a full page background. White text sits clearly against this hex code with a 5.3:1 contrast ratio. Because the color is so loud, pair it with muted neutrals like dark slate to keep your palette from becoming overwhelming.
Questions about #a802f0
What is #a802f0 in RGB, HSL and CMYK?
In RGB, #a802f0 is rgb(168, 2, 240), in HSL hsl(282, 98%, 47%) and in CMYK 30%, 99%, 0%, 6%.
How should I pair #a802f0 in a color scheme?
This electric violet is so saturated that it requires neutral balancing to prevent visual fatigue. Pair #a802f0 with deep, muted tones like charcoal or dark slate to ground the intensity, ensuring your primary content remains readable and professional.
Is #a802f0 suitable for body text?
Using #a802f0 for body text is generally poor design practice as the high saturation creates legibility issues on most backgrounds. Reserve this vibrant hue for small interface elements like buttons or icons that need to stand out immediately against neutral backgrounds.
Is #a802f0 readable on white or black?
#a802f0 has a 5.34:1 contrast ratio on white and 3.93:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.