#AB96FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, neon violet brings a futuristic, electric energy to UI accents. Because it is highly vivid, #ab96ff can overwhelm if used for large backgrounds. It works best as a primary call-to-action button or a small graphic highlight. Pair it with deep charcoal or matte black text for maximum readability, as it maintains excellent contrast for small, legible body content. The hex code for this cool purple is #ab96ff.
Questions about #ab96ff
What is #ab96ff in RGB, HSL and CMYK?
In RGB, #ab96ff is rgb(171, 150, 255), in HSL hsl(252, 100%, 79%) and in CMYK 33%, 41%, 0%, 0%.
How should #ab96ff be applied in user interface design?
Use #ab96ff sparingly as a vivid accent or primary call-to-action button rather than a background color. Its high saturation works best when balanced against a neutral, deep charcoal or matte black to maintain readability and visual hierarchy without overwhelming users.
Which colors complement #ab96ff for a balanced palette?
Pair #ab96ff with muted, dark neutrals like charcoal or slate to ground its electric energy. If you need a secondary color, incorporate a soft mint to lean into a futuristic aesthetic while ensuring the purple remains the focal point of the composition.
Is #ab96ff readable on white or black?
#ab96ff has a 2.45:1 contrast ratio on white and 8.53:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.