#7A22F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense violet demands attention with high saturation and a powerful, electric presence. Because of its loudness, #7a22f5 works best as a punchy accent or CTA button rather than a large background. It pairs well with stark whites for high readability, offering a 6.2:1 contrast ratio. Use this hex code sparingly to bring energy to gaming interfaces or modern digital branding projects.
Questions about #7a22f5
What is #7a22f5 in RGB, HSL and CMYK?
In RGB, #7a22f5 is rgb(122, 34, 245), in HSL hsl(265, 91%, 55%) and in CMYK 50%, 86%, 0%, 4%.
How should I use #7a22f5 in my design projects?
#7a22f5 is best utilized as a high-impact accent color rather than a background shade because of its intense saturation. It draws the eye immediately, making it ideal for call-to-action buttons or highlights in gaming-focused digital interfaces.
What colors pair well with the electric #7a22f5?
This vibrant violet creates high-contrast, readable layouts when paired with stark, clean white text or background elements. For more complex schemes, it works well alongside charcoal for a modern, tech-focused look that grounds the intense purple energy.
Is #7a22f5 readable on white or black?
#7a22f5 has a 6.22:1 contrast ratio on white and 3.37: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.