#A30088 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense magenta commands attention through its high-energy, vivid presence. Because #a30088 is quite dark and heavy, it overwhelms if used as a primary background. Instead, utilize this bold tone as a 10% accent color to inject excitement into UI elements or nightlife branding. White text provides excellent readability against this shade, making it a reliable choice for high-contrast, moody designs.
Questions about #a30088
What is #a30088 in RGB, HSL and CMYK?
In RGB, #a30088 is rgb(163, 0, 136), in HSL hsl(310, 100%, 32%) and in CMYK 0%, 100%, 17%, 36%.
How can I best use #a30088 in a user interface?
Because #a30088 is highly saturated and visually heavy, it works most effectively as a 10% accent color for interactive elements like buttons or icons. Avoid using it as a primary background, as it can quickly overwhelm the user interface and reduce readability.
What colors pair well with #a30088?
To balance the intensity of #a30088, pair it with neutral tones like charcoal or crisp white to maintain high readability. If you want to lean into a vibrant palette, soft cyan or electric lime can provide complementary contrast for bold branding needs.
Is #a30088 readable on white or black?
#a30088 has a 7.20:1 contrast ratio on white and 2.91: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.