#A34DF9 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #a34df9 graphic
Saturated and intense, #a34df9 commands attention as a primary accent color. It creates a bold focal point in UI design, especially for high-impact calls to action or gaming interfaces. Use it sparingly to avoid overwhelming a layout, as its brightness makes it difficult to pair with other strong hues. Black text is readable against the hex code #a34df9, ensuring accessibility for smaller UI elements.

Questions about #a34df9

What is #a34df9 in RGB, HSL and CMYK?
In RGB, #a34df9 is rgb(163, 77, 249), in HSL hsl(270, 93%, 64%) and in CMYK 35%, 69%, 0%, 2%.
How can I effectively use #a34df9 in a UI design?
#a34df9 works best as a surgical accent color rather than a primary background shade because of its high intensity. Reserve it for critical interactive elements like primary buttons or notification badges to ensure it draws attention without overwhelming the user interface.
Is #a34df9 readable on white or black?
#a34df9 has a 4.21:1 contrast ratio on white and 4.98: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.