#FC2525 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Blazing and saturated, #fc2525 demands attention as a high-intensity red. This shade is far too aggressive for large backgrounds, but it shines as a bold accent for buttons, alerts, or tactical UI highlights. It offers enough contrast for legible black text, making it a reliable choice for critical call-to-action elements. Use the hex code #fc2525 sparingly to maintain visual balance across your design.
Questions about #fc2525
What is #fc2525 in RGB, HSL and CMYK?
In RGB, #fc2525 is rgb(252, 37, 37), in HSL hsl(0, 97%, 57%) and in CMYK 0%, 85%, 85%, 1%.
How should #fc2525 be used in UI design?
#fc2525 works best as a surgical accent for critical path elements like error states, primary buttons, or urgent notification badges. Avoid using it for large background blocks, as its intense saturation can quickly overwhelm the user's visual focus.
What colors pair well with #fc2525?
Pair #fc2525 with neutral darks like charcoal or off-white tones to ground its aggression. Using it alongside desaturated teals or complementary cool blues creates a balanced, high-contrast palette that feels modern rather than chaotic for digital interfaces.
Is #fc2525 readable on white or black?
#fc2525 has a 3.86:1 contrast ratio on white and 5.43: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.