#A11191 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated magenta commands immediate attention with its bold, theatrical character. Because #a11191 is so loud, use it sparingly as a highlight or call-to-action button rather than a large background. It pairs well with slate gray to soften the intensity. For accessibility, white text maintains excellent contrast over this hex code. Avoid using it for fine body text to prevent visual strain.
Questions about #a11191
What is #a11191 in RGB, HSL and CMYK?
In RGB, #a11191 is rgb(161, 17, 145), in HSL hsl(307, 81%, 35%) and in CMYK 0%, 89%, 10%, 37%.
How can I effectively use #a11191 in a website design?
#a11191 serves best as a purposeful accent color rather than a primary background shade because of its high saturation. Use it for high-impact call-to-action buttons, interactive links, or notification highlights to guide user attention without overwhelming the overall layout.
Which neutral colors pair well with #a11191?
Pair #a11191 with a deep slate gray or a crisp white to balance its intensity and ensure readability. Avoiding stark black for text keeps the interface feeling modern and prevents the high-contrast vibration that can occur between magenta and pure black.
Is #a11191 readable on white or black?
#a11191 has a 6.98:1 contrast ratio on white and 3.00: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.