#AB78ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ab78ed is a high-energy, vivid violet that demands attention. Because it sits at high saturation, use this hue sparingly as an accent rather than a full page background. It pairs exceptionally well with deep charcoal or muted olive greens to ground its intensity. The hex code is #ab78ed, which offers enough contrast for black text, making it a functional choice for bold UI elements or creative branding highlights.
Questions about #ab78ed
What is #ab78ed in RGB, HSL and CMYK?
In RGB, #ab78ed is rgb(171, 120, 237), in HSL hsl(266, 76%, 70%) and in CMYK 28%, 49%, 0%, 7%.
How can I use #ab78ed in my design without overwhelming the viewer?
Use #ab78ed sparingly as a strategic accent rather than a primary background color. It carries high saturation and visual weight, so it excels when highlighting call-to-action buttons or creative UI elements against neutral backdrops like charcoal.
Does #ab78ed work well with earthy tones?
Yes, the vibrancy of #ab78ed creates a striking contrast when paired with muted earthy tones like olive or slate gray. These grounded colors act as a counterbalance, allowing the violet to stand out without feeling chaotic or visually exhausting to the viewer.
Is #ab78ed readable on white or black?
#ab78ed has a 3.16:1 contrast ratio on white and 6.64: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.