#AA3B7F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated magenta carries a high-energy intensity that demands attention. Because #aa3b7f is so loud, it functions best as a striking accent or call-to-action button rather than a large-scale background. White text pops clearly against this shade, offering excellent readability for UI highlights. Pair it with soft, muted grays to ground the color’s inherent warmth and prevent visual fatigue in your design.
Questions about #aa3b7f
What is #aa3b7f in RGB, HSL and CMYK?
In RGB, #aa3b7f is rgb(170, 59, 127), in HSL hsl(323, 48%, 45%) and in CMYK 0%, 65%, 25%, 33%.
How should I use #aa3b7f in a web interface?
#aa3b7f acts best as a high-impact accent color for primary buttons or notification badges. Because of its intense saturation, avoid using it for large background areas as it can cause significant eye strain; instead, pair it with neutral whites or light grays for balance.
Is #aa3b7f readable on white or black?
#aa3b7f has a 5.76:1 contrast ratio on white and 3.64: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.