#AA2554 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, bold magenta carries an intense weight that demands attention. The hex code #aa2554 is too aggressive for large backgrounds, but it shines as a high-contrast accent in moody interfaces or pop-culture branding. Because it provides a 6.8:1 contrast ratio against white, it works well for small body text or call-to-action elements where legibility is a priority.
Questions about #aa2554
What is #aa2554 in RGB, HSL and CMYK?
In RGB, #aa2554 is rgb(170, 37, 84), in HSL hsl(339, 64%, 41%) and in CMYK 0%, 78%, 51%, 33%.
Where should I use #aa2554 in a web interface?
#aa2554 performs best as a high-contrast accent color for buttons, notification badges, or interactive elements that need to grab immediate user attention. Because it is visually heavy, avoid using it for large background areas or body text blocks.
What colors pair well with #aa2554?
This magenta pairs well with charcoal or soft off-whites to balance its intensity, creating a sophisticated contrast. If you want a more vibrant look, try balancing it against cool teals or muted navy tones to keep the palette grounded.
Is #aa2554 readable on white or black?
#aa2554 has a 6.77:1 contrast ratio on white and 3.10: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.