#A478F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#a478f5 is a highly saturated, electric violet that demands attention. Because of its intensity, it works best as a punchy accent or a bold call-to-action button rather than a large background field. It pairs surprisingly well with deep charcoal or muted olive tones. Since black text provides excellent 6.6:1 contrast against this hex code, it remains readable even at smaller sizes.
Questions about #a478f5
What is #a478f5 in RGB, HSL and CMYK?
In RGB, #a478f5 is rgb(164, 120, 245), in HSL hsl(261, 86%, 72%) and in CMYK 33%, 51%, 0%, 4%.
How can I effectively use #a478f5 in a user interface?
#a478f5 functions best as a high-contrast accent or call-to-action button color rather than a primary background shade. Its high saturation commands immediate attention, and it maintains excellent readability when paired with deep charcoal or off-black text.
What colors pair harmoniously with #a478f5?
This electric violet pairs unexpectedly well with muted olive tones or deep, neutral grays. The earthy, desaturated nature of those greens grounds the intensity of the violet, creating a sophisticated and modern balance for web or print design layouts.
Is #a478f5 readable on white or black?
#a478f5 has a 3.18:1 contrast ratio on white and 6.58: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.