#D54ACA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and unapologetically bold, this magenta shade commands attention. Because it is so saturated, #d54aca functions best as a high-impact accent or CTA button rather than a primary background color. It pairs surprisingly well with charcoal grays or deep teals, which ground its intensity. Black text maintains excellent legibility against this hue, making it a reliable choice for small interface elements or graphic highlights.
Questions about #d54aca
What is #d54aca in RGB, HSL and CMYK?
In RGB, #d54aca is rgb(213, 74, 202), in HSL hsl(305, 62%, 56%) and in CMYK 0%, 65%, 5%, 16%.
How do I use #d54aca effectively in interface design?
#d54aca functions best as a high-impact accent or primary call-to-action button rather than a background. Its extreme saturation can easily overwhelm large areas, so limit its use to small UI elements like notification badges or active state highlights.
What colors pair well with #d54aca?
This magenta pairs best with dark neutrals to ground its intensity. Use charcoal or deep, muted teals to provide a sophisticated contrast that prevents the vibrant pink from feeling chaotic while ensuring black text remains legible.
Is #d54aca readable on white or black?
#d54aca has a 3.70:1 contrast ratio on white and 5.66:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.