#D31078 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d31078 is a highly saturated, electric magenta that demands immediate attention. Due to its intense chroma, it functions best as a high-impact accent color for calls to action or small graphical details rather than a dominant background. Pair it with soft, muted grays or deep charcoals to prevent visual fatigue. White text offers excellent contrast on this hex code, making it legible for bold, punchy UI elements.
Questions about #d31078
What is #d31078 in RGB, HSL and CMYK?
In RGB, #d31078 is rgb(211, 16, 120), in HSL hsl(328, 86%, 45%) and in CMYK 0%, 92%, 43%, 17%.
How should I use #d31078 in a UI design?
Use #d31078 as a high-impact accent color rather than a dominant background because its high chroma creates immediate visual tension. It functions best for primary buttons, error states, or call-to-action elements that need to stand out clearly against neutral interfaces.
What colors pair best with #d31078?
Pair #d31078 with charcoal or soft neutral grays to balance its intense saturation and prevent visual fatigue. High-contrast white text is essential for legibility, as these dark, muted tones provide the grounding necessary to make the electric magenta pop without overwhelming the layout.
Is #d31078 readable on white or black?
#d31078 has a 5.10:1 contrast ratio on white and 4.11: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.