#A871D0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mid-tone violet possesses a distinct cool intensity without feeling overly dark. Because it carries significant saturation, #a871d0 works best as a bold accent color rather than a background. Pair it with soft cream or dark charcoal to ground its brightness. With a 5.9:1 contrast ratio against black text, the hex code is accessible for small body type in UI design.
Questions about #a871d0
What is #a871d0 in RGB, HSL and CMYK?
In RGB, #a871d0 is rgb(168, 113, 208), in HSL hsl(275, 50%, 63%) and in CMYK 19%, 46%, 0%, 18%.
How can #a871d0 be used effectively in UI design?
#a871d0 functions best as a high-impact accent color rather than a base background, given its strong saturation. It remains accessible for small body text when set against a dark background, ensuring readability while maintaining a vibrant, modern interface appearance.
Which neutral colors ground the intensity of #a871d0?
This violet pairs well with charcoal to create a sophisticated, high-contrast look, or soft cream for a balanced, approachable feel. These neutrals stabilize the color's natural cool intensity, allowing the violet to pop without overwhelming the overall design layout.
Is #a871d0 readable on white or black?
#a871d0 has a 3.53:1 contrast ratio on white and 5.93: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.