#7A3EE0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-chroma violet, #7a3ee0 commands immediate attention. This intense shade feels aggressive in large blocks, so use it sparingly as a call-to-action or interface accent rather than a background. It pairs exceptionally well with muted warm grays to temper its loudness. Because white text maintains a high contrast ratio of 5.8:1 against this hex code, it remains perfectly readable in small UI elements.
Questions about #7a3ee0
What is #7a3ee0 in RGB, HSL and CMYK?
In RGB, #7a3ee0 is rgb(122, 62, 224), in HSL hsl(262, 72%, 56%) and in CMYK 46%, 72%, 0%, 12%.
How can I balance the high intensity of #7a3ee0 in a user interface?
Use #7a3ee0 sparingly as an accent or call-to-action button to prevent it from overwhelming the user. Because it is highly saturated, it pairs best when anchored by neutral tones like charcoal or soft warm grays to calm the visual impact.
Is #7a3ee0 readable on white or black?
#7a3ee0 has a 5.84:1 contrast ratio on white and 3.59: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.