#FC3A61 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated reddish-pink demands attention. With its high intensity and warm undertones, #fc3a61 functions best as a bold accent color rather than a large-scale background. It pairs exceptionally well with dark neutrals for high-impact UI elements or calls to action. Black text provides excellent readability over this shade with a 5.9:1 contrast ratio. If you find yourself wondering about mixing brown to balance it, keep proportions tight. The hex code for this color is #fc3a61.
Questions about #fc3a61
What is #fc3a61 in RGB, HSL and CMYK?
In RGB, #fc3a61 is rgb(252, 58, 97), in HSL hsl(348, 97%, 61%) and in CMYK 0%, 77%, 62%, 1%.
How can I use #fc3a61 effectively in a design?
Use #fc3a61 as a bold accent for calls to action or UI elements rather than as a large-scale background. Because of its high intensity, it creates the best visual impact when paired with dark, muted neutrals like charcoal or deep slate gray.
Is #fc3a61 readable on white or black?
#fc3a61 has a 3.54:1 contrast ratio on white and 5.91: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.