#F52130 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f52130 graphic
#f52130 is a saturated, bright red with a warm pink undertone and enough lightness to feel urgent rather than heavy. Its strong chroma brings energy to calls to action, sports graphics, food packaging, and emergency accents. Use it sparingly as a focal accent, since large areas can overwhelm. Black text reaches about 5.1:1 contrast here, meeting WCAG AA for body text. The hex code is #f52130.

Questions about #f52130

What is #f52130 in RGB, HSL and CMYK?
In RGB, #f52130 is rgb(245, 33, 48), in HSL hsl(356, 91%, 55%) and in CMYK 0%, 87%, 80%, 4%.
What colors pair well with #f52130 in a design?
#f52130 pairs well with navy, charcoal, and warm off-white, which give its high saturation enough room to stand out without competing for attention or adding another loud focal point. Use navy for a richer sports or entertainment palette, or charcoal for a more restrained interface.
Is #f52130 suitable for text and backgrounds?
#f52130 supports black body text at about a 5.1:1 contrast ratio, which meets WCAG AA's 4.5:1 threshold for normal-sized text when the surrounding design remains consistent and no transparency, overlay, or texture changes the final contrast. White text does not provide the same contrast, so reserve it for larger display type or test the exact combination.
Is #f52130 readable on white or black?
#f52130 has a 4.08:1 contrast ratio on white and 5.14: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.