#FC5050 Hex Color
An intense and high-energy vibrant red
This high-energy shade of red demands immediate attention. Because it is incredibly saturated and warm, #fc5050 works best as an accent color for calls to action or UI alerts rather than a full background. It pairs surprisingly well with charcoal grays. The hex code is #fc5050, and it offers enough contrast for black text to remain legible in small sizes.
Questions about #fc5050
What is #fc5050 in RGB, HSL and CMYK?
In RGB, #fc5050 is rgb(252, 80, 80), in HSL hsl(0, 97%, 65%) and in CMYK 0%, 68%, 68%, 1%.
Where should I use #fc5050 in a design project?
#fc5050 is best utilized as an accent color for functional elements like primary buttons or important notification banners. Because of its extreme saturation, applying it to large backgrounds can easily overwhelm the viewer and distract from your primary content.
What colors pair well with #fc5050?
This vibrant red balances perfectly against deep charcoal or near-black tones, which provide the necessary contrast to ground the intensity. You can also experiment with soft, desaturated creams or light grays to help tone down the overall energy of the palette.
Is #fc5050 readable on white or black?
#fc5050 has a 3.28:1 contrast ratio on white and 6.40: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.