#A305BF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated violet commands attention with its high-energy, electric character. Because #a305bf is so dominant, it works best as a punchy accent color rather than a primary background shade. Pair it with soft grays or creams to balance its visual weight. The hex code for this vivid purple is #a305bf, which provides excellent contrast when paired with crisp white text for accessible UI designs.
Questions about #a305bf
What is #a305bf in RGB, HSL and CMYK?
In RGB, #a305bf is rgb(163, 5, 191), in HSL hsl(291, 95%, 38%) and in CMYK 15%, 97%, 0%, 25%.
How should I balance the high intensity of #a305bf in UI design?
Because #a305bf is visually demanding, use it primarily for call-to-action buttons or small UI accents rather than as a background color. Pairing this electric violet with neutral tones like light gray or soft cream prevents it from overwhelming your layout.
Is #a305bf suitable for text on a white background?
When using #a305bf for text on a standard white background, it will fail most modern accessibility contrast guidelines. It is safer to use this violet as an accent color or graphic element and reserve high-contrast dark colors like charcoal for your primary body text.
Is #a305bf readable on white or black?
#a305bf has a 6.30:1 contrast ratio on white and 3.33: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.