#A22A50 Hex Color
A bold and vibrant deep magenta
This saturated, deep magenta brings bold intensity to any layout. Because it is so vivid, #a22a50 works best as an accent for calls to action rather than a dominant background. Pair it with cream or white for the best readability, as white text hits a 7.0:1 contrast ratio against it. The hex code for this powerful, romantic shade is #a22a50.
Questions about #a22a50
What is #a22a50 in RGB, HSL and CMYK?
In RGB, #a22a50 is rgb(162, 42, 80), in HSL hsl(341, 59%, 40%) and in CMYK 0%, 74%, 51%, 36%.
How should I use #a22a50 in UI design?
Because #a22a50 is quite intense, use it sparingly as an accent color for primary buttons, notification badges, or highlights rather than as a background. It pairs exceptionally well with cream or pure white to maintain high readability and visual balance.
Is #a22a50 readable on white or black?
#a22a50 has a 7.03:1 contrast ratio on white and 2.98: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.