#F51584 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated magenta demands attention with its intense, beaming character. Because it is so loud and aggressive, it works best as a small 10% accent rather than a dominant background color. It pairs surprisingly well with deep charcoal or muted olive greens to ground its warmth. The hex code for this energetic shade is #f51584, which remains readable enough for small text using high-contrast black.
Questions about #f51584
What is #f51584 in RGB, HSL and CMYK?
In RGB, #f51584 is rgb(245, 21, 132), in HSL hsl(330, 92%, 52%) and in CMYK 0%, 91%, 46%, 4%.
How should I balance the intensity of #f51584 in a design?
Use #f51584 sparingly as a 10% accent color to avoid overwhelming your layout. It pairs effectively with neutral, grounding tones like charcoal or muted olive, which allow the vibrant magenta to stand out without causing visual fatigue.
Is #f51584 readable on white or black?
#f51584 has a 3.94:1 contrast ratio on white and 5.32: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.