#7A16E5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7a16e5 is an electric, highly saturated violet that demands attention. This shade is far too aggressive for large backgrounds, but it excels as a high-impact accent for calls to action or UI elements. Because it has such intensity, pair it with soft grays or desaturated tones to keep the design grounded. The hex code #7a16e5 meets WCAG AA contrast standards when paired with white text.
Questions about #7a16e5
What is #7a16e5 in RGB, HSL and CMYK?
In RGB, #7a16e5 is rgb(122, 22, 229), in HSL hsl(269, 82%, 49%) and in CMYK 47%, 90%, 0%, 10%.
How should I use #7a16e5 in user interface design?
#7a16e5 is best reserved for high-impact accents, such as buttons or notification badges, rather than large background areas. Its extreme saturation can easily overwhelm a layout if used too broadly, so balance it with plenty of neutral white space.
What colors pair well with #7a16e5?
To ground the intensity of #7a16e5, pair it with muted tones like cool gray or slate to prevent visual vibration. If you want a more vibrant scheme, try using a complementary yellow-green to create a striking contrast.
Is #7a16e5 readable on white or black?
#7a16e5 has a 6.83:1 contrast ratio on white and 3.07: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.