#8A52EA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense violet demands attention with high saturation and bold energy. Because it is so dominant, use #8a52ea as a 10% accent rather than a background color. It pairs surprisingly well with muted earth tones if you are curious about what colors make gray. White text reads clearly against this hex code, ensuring your call-to-action buttons or UI highlights stay legible.
Questions about #8a52ea
What is #8a52ea in RGB, HSL and CMYK?
In RGB, #8a52ea is rgb(138, 82, 234), in HSL hsl(262, 78%, 62%) and in CMYK 41%, 65%, 0%, 8%.
How should I use the #8a52ea violet in a UI design?
Use #8a52ea sparingly as a ten percent accent rather than a background color to maintain visual balance. Because the color is so dominant, it performs best for call-to-action buttons or small, intentional highlights against neutral layouts.
What colors pair best with #8a52ea for a balanced palette?
Pair #8a52ea with muted earth tones to ground its intense, electric energy. It contrasts beautifully against charcoal or soft neutral backgrounds, which prevents the violet from overwhelming the viewer while keeping your design clean and professional.
Is #8a52ea readable on white or black?
#8a52ea has a 4.69:1 contrast ratio on white and 4.47: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.