#AD0EA2 Hex Color

An intense and high-energy saturated magenta

Hex color #ad0ea2 graphic
This saturated magenta demands attention with its intense, high-energy presence. Because of its extreme vividness, #ad0ea2 is best used as a bold accent or highlight rather than a dominant background color. It pairs surprisingly well with muted teals or soft grays to ground its loudness. The hex code for this color is #ad0ea2, and it offers sufficient contrast for legible white text.

Questions about #ad0ea2

What is #ad0ea2 in RGB, HSL and CMYK?
In RGB, #ad0ea2 is rgb(173, 14, 162), in HSL hsl(304, 85%, 37%) and in CMYK 0%, 92%, 6%, 32%.
How should I use #ad0ea2 in a design project?
Because #ad0ea2 is so vivid, it works best as a targeted accent to draw attention to call-to-action buttons or highlights. Avoid using it as a primary background, as its extreme saturation can quickly become overwhelming for users.
What colors pair well with #ad0ea2?
To ground the high energy of #ad0ea2, pair it with muted teals or soft grays. These cooler, desaturated tones act as a visual anchor, allowing the magenta to pop without making the design feel chaotic or strained.
Is #ad0ea2 readable on white or black?
#ad0ea2 has a 6.24:1 contrast ratio on white and 3.36: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.