#AA1573 Hex Color
Vibrant and intense saturated magenta fuchsia
#aa1573 is an intense, saturated magenta that leans heavily into fuchsia territory. Because of its high chroma, it works best as a bold accent color rather than a dominant background, which can quickly overwhelm the eye. Pair this hex code with dark charcoal or off-white to maintain readability. It adds immediate personality to branding and UI elements that need to stand out without feeling neon.
Questions about #aa1573
What is #aa1573 in RGB, HSL and CMYK?
In RGB, #aa1573 is rgb(170, 21, 115), in HSL hsl(322, 78%, 37%) and in CMYK 0%, 88%, 32%, 33%.
How can I best pair #aa1573 in a UI design?
Because #aa1573 is highly saturated, it works best when balanced against neutral backgrounds like charcoal or off-white. Using it sparingly for buttons or active state highlights prevents the color from overwhelming the user interface and maintains strong readability.
Is #aa1573 suitable for text content?
#aa1573 is generally too vibrant to use as primary body text due to low legibility against common backgrounds. It is much better suited for high-impact call-to-action buttons or graphic accents that need to grab immediate visual attention.
Is #aa1573 readable on white or black?
#aa1573 has a 6.85:1 contrast ratio on white and 3.06: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.