#AD2E89 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense magenta is a high-energy shade demanding immediate attention. Due to its high saturation, use #ad2e89 sparingly as a 10% UI accent rather than a full page background. White text sits comfortably on this color, offering 6.0:1 contrast for clear readability. Pair it with soft, muted grays to keep your design from feeling overwhelming. The hex code for this bold color is #ad2e89.
Questions about #ad2e89
What is #ad2e89 in RGB, HSL and CMYK?
In RGB, #ad2e89 is rgb(173, 46, 137), in HSL hsl(317, 58%, 43%) and in CMYK 0%, 73%, 21%, 32%.
How should I use #ad2e89 in UI design?
Use #ad2e89 sparingly as a 10% UI accent to draw attention to call-to-action buttons or specific highlights. Because of its high saturation, it can easily overwhelm a full-page background, so keep it limited to smaller, impactful design elements.
What colors pair best with #ad2e89?
Pair #ad2e89 with soft, muted grays to ground its intensity and prevent a jarring visual experience. White text maintains excellent contrast against this magenta, offering a readable ratio of 6.0:1 for accessible text and buttons.
Is #ad2e89 readable on white or black?
#ad2e89 has a 5.95:1 contrast ratio on white and 3.52: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.