#A80057 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated magenta demands immediate attention. Because the hex code #a80057 is so loud, use it sparingly as an accent color rather than a primary background. It pairs well with charcoal grays to ground the energy. White text reads clearly against this shade, offering a 7.5:1 contrast ratio that keeps fine details legible for your users.
Questions about #a80057
What is #a80057 in RGB, HSL and CMYK?
In RGB, #a80057 is rgb(168, 0, 87), in HSL hsl(329, 100%, 33%) and in CMYK 0%, 100%, 48%, 34%.
How should I use the #a80057 hex color effectively in design?
Because #a80057 is incredibly intense and saturated, it works best as a punchy accent color for buttons, call-to-action elements, or specific highlights. Avoid using it as a primary background color, as it can easily overwhelm the viewer and distract from your primary content.
What colors pair well with #a80057 for a balanced palette?
To ground the high energy of #a80057, pair it with charcoal or deep slate grays, which help maintain visual balance. For a bold, high-contrast look, using clean white text ensures excellent readability while allowing the magenta to pop without feeling chaotic.
Is #a80057 readable on white or black?
#a80057 has a 7.49:1 contrast ratio on white and 2.80: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 is too faint for text. Try other pairs in the contrast checker.