#7A2AA8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated violet is loud and unapologetic, making it a powerful choice for accents or call-to-action buttons. While it offers high contrast against white text, the intensity can overwhelm large, solid backgrounds. Use #7a2aa8 as a 10% accent color to inject immediate energy into a layout. It pairs well with muted, cool grays that ground its brightness. The hex code for this vivid shade is #7a2aa8.
Questions about #7a2aa8
What is #7a2aa8 in RGB, HSL and CMYK?
In RGB, #7a2aa8 is rgb(122, 42, 168), in HSL hsl(278, 60%, 41%) and in CMYK 27%, 75%, 0%, 34%.
How can I effectively use #7a2aa8 in a web interface?
Apply #7a2aa8 as a 10% accent color to highlight primary call-to-action buttons without overwhelming your users. Because of its high saturation, it works best when paired with neutral cool gray backgrounds to balance the visual intensity.
Is #7a2aa8 readable on white or black?
#7a2aa8 has a 7.70:1 contrast ratio on white and 2.72: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 is too faint for text. Try other pairs in the contrast checker.