#A305A1 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A highly saturated and intense magenta, #a305a1 demands attention in any layout. Its extreme chroma makes it risky for large backgrounds, where it can easily overwhelm the eye. Instead, use this shade as a powerful 10% accent color for calls to action or UI highlights. Pair it with soft, muted grays to ground its energy. White text is legible here, exceeding standard accessibility requirements.
Questions about #a305a1
What is #a305a1 in RGB, HSL and CMYK?
In RGB, #a305a1 is rgb(163, 5, 161), in HSL hsl(301, 94%, 33%) and in CMYK 0%, 97%, 1%, 36%.
Where should I use the #a305a1 magenta color in my design?
Because #a305a1 is extremely saturated, it works best as a limited accent color for buttons, error notifications, or primary call-to-action elements. Avoid using it for large backgrounds or body text, as its high chroma can quickly overwhelm and fatigue the reader.
What colors pair well with the intense #a305a1 shade?
This magenta pairs best with neutral, desaturated tones to ground its energy and prevent visual clutter. Try combining it with a soft charcoal or a light, cool gray to create a sophisticated balance between the aggressive highlight and the surrounding layout.
Is #a305a1 readable on white or black?
#a305a1 has a 6.78:1 contrast ratio on white and 3.09: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.