#A70B74 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta functions best as a high-intensity accent in interface design. Because of its visual weight, use #a70b74 for buttons or calls to action rather than as a dominant background. It provides excellent readability with white text, maintaining a 7.1:1 contrast ratio. The hex code for this bold, vivid shade is #a70b74, making it a sharp choice for designs that need to command attention.
Questions about #a70b74
What is #a70b74 in RGB, HSL and CMYK?
In RGB, #a70b74 is rgb(167, 11, 116), in HSL hsl(320, 88%, 35%) and in CMYK 0%, 93%, 31%, 35%.
What is the best way to use #a70b74 in a web design?
Use #a70b74 as a high-intensity accent for buttons or primary calls to action rather than a background color. Its significant visual weight ensures it grabs attention, and it maintains a 7.1:1 contrast ratio when paired with clean white text.
Does #a70b74 work well with dark or light backgrounds?
This magenta works exceptionally well against light, neutral, or white backgrounds to create a sharp, modern pop. Avoid using it on dark backgrounds, as the saturation level can cause vibration issues and make the text difficult to read without high contrast adjustments.
Is #a70b74 readable on white or black?
#a70b74 has a 7.13:1 contrast ratio on white and 2.94: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.