#D7278A Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #d7278a graphic
This highly saturated magenta acts as an aggressive attention-grabber, making it a powerful choice for call-to-action buttons or small design accents. Because of its intensity, it can easily overwhelm a layout if used as a primary background. Pair it with deep charcoal or muted slate to ground the energy. The hex code for this bold shade is #d7278a, which supports high-contrast white text legibility.

Questions about #d7278a

What is #d7278a in RGB, HSL and CMYK?
In RGB, #d7278a is rgb(215, 39, 138), in HSL hsl(326, 69%, 50%) and in CMYK 0%, 82%, 36%, 16%.
What colors pair well with #d7278a?
Because #d7278a is extremely high-energy, it needs neutral anchors to function in a balanced UI. Pairing it with a deep charcoal or a soft slate provides the necessary contrast to ground the design without losing the vibrancy of the magenta.
Should #d7278a be used as a primary background color?
It is generally not recommended to use #d7278a as a large-scale background, as its high saturation can quickly overwhelm the viewer and cause eye strain. Reserve this intense shade for buttons, icons, or small UI accents where it can grab attention.
Is #d7278a readable on white or black?
#d7278a has a 4.61:1 contrast ratio on white and 4.54: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 for body text. Try other pairs in the contrast checker.