#A217A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense magenta is a high-saturation hue that commands immediate attention. Because it is so loud and aggressive, use #a217a2 as a 10% accent color rather than a primary background. It pairs surprisingly well with muted teals or deep charcoals to temper its natural electricity. White text provides excellent readability against this hex code, making it a strong choice for high-impact call-to-action buttons.
Questions about #a217a2
What is #a217a2 in RGB, HSL and CMYK?
In RGB, #a217a2 is rgb(162, 23, 162), in HSL hsl(300, 75%, 36%) and in CMYK 0%, 86%, 0%, 36%.
How should I use #a217a2 in a design project?
Limit #a217a2 to a 10% accent color to maintain visual balance and prevent the saturation from overwhelming your layout. It functions exceptionally well for high-impact call-to-action buttons because the intense vibrancy draws the eye immediately against neutral backgrounds.
What colors pair well with #a217a2?
This magenta pairs best with muted, desaturated tones that provide enough contrast to temper its natural electricity. Incorporating charcoal or deep, muted teals helps ground the color, preventing it from appearing too aggressive while maintaining a modern, sophisticated aesthetic.
Is #a217a2 readable on white or black?
#a217a2 has a 6.60:1 contrast ratio on white and 3.18: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.