#FC3556 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fc3556 is a high-octane red with incredible saturation that demands immediate attention. This intense shade performs best as a 10% accent color for calls to action or UI elements, as it quickly overwhelms larger spaces. Pair it with dark charcoal or off-black for a balanced look. The hex code for this color is #fc3556, and black text offers excellent readability against its bright surface.
Questions about #fc3556
What is #fc3556 in RGB, HSL and CMYK?
In RGB, #fc3556 is rgb(252, 53, 86), in HSL hsl(350, 97%, 60%) and in CMYK 0%, 79%, 66%, 1%.
Where should I use #fc3556 in a user interface?
Reserve #fc3556 for high-impact UI elements like call-to-action buttons, notification badges, or error states where you need to draw the eye immediately. Because of its extreme saturation, it quickly overwhelms larger layouts if used as a primary background or surface color.
What colors pair well with the intense #fc3556?
To balance the vibrancy of #fc3556, pair it with deep, neutral tones like charcoal or off-black for high readability. These dark, grounded hues provide the necessary visual weight to anchor such a bright red without letting the design feel chaotic or unrefined.
Is #fc3556 readable on white or black?
#fc3556 has a 3.63:1 contrast ratio on white and 5.78: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.