#9E55E4 Hex Color
Vivid and electric, this intense violet
High-intensity and unabashedly loud, #9e55e4 is a vivid violet that demands attention. Because it is so saturated, this shade works best as a punchy 10% accent in UI design rather than a full background. It pairs well with crisp charcoal grays for a modern, tech-focused aesthetic. The hex code for this color is #9e55e4, which supports black text for high-contrast accessibility.
Questions about #9e55e4
What is #9e55e4 in RGB, HSL and CMYK?
In RGB, #9e55e4 is rgb(158, 85, 228), in HSL hsl(271, 73%, 61%) and in CMYK 31%, 63%, 0%, 11%.
How can I effectively use #9e55e4 in UI design?
#9e55e4 is best applied as a high-impact accent color rather than a primary background to prevent eye strain. Use it sparingly, such as for active button states, notification badges, or data visualization elements, to maintain a balanced, readable interface.
What colors pair well with #9e55e4 for a modern look?
This vibrant violet creates a sophisticated, tech-inspired palette when paired with deep charcoal or slate grays. For a more energetic or creative combination, consider using it alongside soft, desaturated mint greens to provide a complementary balance that highlights the intensity of the violet.
Is #9e55e4 readable on white or black?
#9e55e4 has a 4.30:1 contrast ratio on white and 4.87:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.