#A158F4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-intensity violet demands attention with its saturated, electric energy. Because it is so dominant, the hex code #a158f4 works best as a punchy accent rather than a background. Pair it with dark grays or charcoal to ground its brightness. It supports accessible body text with a 5.2:1 contrast ratio against black, making it a functional choice for UI highlights in modern, creative interfaces.
Questions about #a158f4
What is #a158f4 in RGB, HSL and CMYK?
In RGB, #a158f4 is rgb(161, 88, 244), in HSL hsl(268, 88%, 65%) and in CMYK 34%, 64%, 0%, 4%.
How do I use #a158f4 effectively in interface design?
#a158f4 functions best as a high-impact accent color rather than a primary background to avoid visual fatigue. It maintains strong readability for UI elements when paired against deep, neutral backgrounds like charcoal or dark gray, ensuring your primary calls-to-action remain distinct and accessible.
What colors create a balanced palette with #a158f4?
Since #a158f4 is such a dominant, electric hue, it balances best with desaturated neutrals to ground its intensity. Using charcoal or slate grays helps the violet pop without overwhelming the viewer, while soft, muted tones can help bridge the gap between the vibrant purple and your page layout.
Is #a158f4 readable on white or black?
#a158f4 has a 4.02:1 contrast ratio on white and 5.21: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.