#FC4C54 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fc4c54 is an intense, high-chroma red that commands immediate attention. Use this hex code as a small accent rather than a base, as its brightness quickly overwhelms a layout. Black text provides excellent readability against this shade, meeting contrast standards for fine detail. If you need to tone down the saturation, you might consider mixing brown to ground your palette.
Questions about #fc4c54
What is #fc4c54 in RGB, HSL and CMYK?
In RGB, #fc4c54 is rgb(252, 76, 84), in HSL hsl(357, 97%, 64%) and in CMYK 0%, 70%, 67%, 1%. Browse more shades of red with names and hex codes.
How can I effectively use #fc4c54 in a design layout?
Because #fc4c54 is so high-chroma, you should use it sparingly as a strategic accent rather than a primary background color. It pairs exceptionally well with charcoal or dark gray text to ensure the content remains readable and accessible.
Does #fc4c54 work well for large-scale UI components?
It is generally too overwhelming for large UI surfaces and may cause eye strain if used extensively. Reserve #fc4c54 for call-to-action buttons, notifications, or small decorative elements where you want to draw the eye without exhausting the user.
Is #fc4c54 readable on white or black?
#fc4c54 has a 3.33:1 contrast ratio on white and 6.30: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.