#A46BEC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold violet is saturated, bright, and impossible to ignore. Its high-energy character works best as a vibrant accent or call-to-action button rather than a primary background color, as it can overwhelm layouts. Black text provides excellent contrast against this tone, making it highly readable for UI elements. The hex code for this color is #a46bec.
Questions about #a46bec
What is #a46bec in RGB, HSL and CMYK?
In RGB, #a46bec is rgb(164, 107, 236), in HSL hsl(267, 77%, 67%) and in CMYK 31%, 55%, 0%, 7%.
How can #a46bec be effectively used in interface design?
#a46bec works best as a vibrant accent to draw attention to call-to-action buttons, progress bars, or active state icons. Because this violet is so intense, avoid using it for large backgrounds, which can overwhelm the user or cause eye strain.
Is #a46bec readable on white or black?
#a46bec has a 3.56:1 contrast ratio on white and 5.89: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.