#AD2D59 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm magenta brings intense energy to any design. Because of its high chroma, #ad2d59 works best as a bold accent or call-to-action button rather than a primary background. It pairs effectively with cool, dark charcoals to balance its inherent loudness. Since white text maintains a strong 6.4:1 contrast ratio against it, the hex code #ad2d59 is a reliable choice for readable, eye-catching UI elements.
Questions about #ad2d59
What is #ad2d59 in RGB, HSL and CMYK?
In RGB, #ad2d59 is rgb(173, 45, 89), in HSL hsl(339, 59%, 43%) and in CMYK 0%, 74%, 49%, 32%.
How can I balance the intensity of #ad2d59 in a UI design?
This magenta is highly energetic and works best when paired with cool, dark neutrals like charcoal or deep slate tones. These grounded colors act as a visual anchor, preventing the high chroma of #ad2d59 from overwhelming your primary layout.
Is #ad2d59 readable on white or black?
#ad2d59 has a 6.37:1 contrast ratio on white and 3.29: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.