#8A48E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, electric violet demands attention through high saturation. Because it is so intense, #8a48e0 works best as a punchy accent or call-to-action button rather than a large background. It pairs cleanly with white text, which meets WCAG AA standards for readability. Use this hex code sparingly to maintain energy in your UI designs without overwhelming the viewer.
Questions about #8a48e0
What is #8a48e0 in RGB, HSL and CMYK?
In RGB, #8a48e0 is rgb(138, 72, 224), in HSL hsl(266, 71%, 58%) and in CMYK 38%, 68%, 0%, 12%.
How should I use #8a48e0 in a user interface?
Apply #8a48e0 sparingly as a high-contrast accent color for primary call-to-action buttons or interactive icons. Because of its intense saturation, it creates immediate visual focus, so avoid using it as a large background or primary brand color.
What colors pair well with #8a48e0?
This vibrant violet pairs beautifully with clean, neutral whites and light grays to maintain high readability. For a sophisticated contrast, consider pairing it with a deep charcoal to anchor the design and prevent the purple from feeling too disconnected.
Is #8a48e0 readable on white or black?
#8a48e0 has a 5.14:1 contrast ratio on white and 4.08:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.