#FC5473 Hex Color

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

Hex color #fc5473 graphic
#fc5473 is a high-octane, saturated red that demands instant attention. Its intensity makes it a difficult choice for large backgrounds, so use this shade sparingly as a 10 percent accent for calls to action or UI highlights. Because it offers strong contrast with black text, it stays legible even in small sizes. Pair it with dark charcoal or muted slate to balance its inherent energy.

Questions about #fc5473

What is #fc5473 in RGB, HSL and CMYK?
In RGB, #fc5473 is rgb(252, 84, 115), in HSL hsl(349, 97%, 66%) and in CMYK 0%, 67%, 54%, 1%.
How should I effectively use #fc5473 in a UI layout?
Reserve #fc5473 as a tactical accent for high-priority elements like call-to-action buttons or important notifications. Because of its intense, high-octane saturation, it functions best when limited to roughly ten percent of your total screen area to avoid overwhelming the user.
What colors pair well with #fc5473 to balance its intensity?
To ground the aggressive energy of #fc5473, pair it with deep neutrals like charcoal or slate. These darker tones provide the necessary contrast to let the red pop without creating visual chaos, maintaining readability while keeping your design feeling professional and balanced.
Is #fc5473 readable on white or black?
#fc5473 has a 3.15:1 contrast ratio on white and 6.65: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.