#F57A76 Hex Color

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

Hex color #f57a76 graphic
#f57a76 is a saturated, warm coral-red that demands attention through its high intensity. Because it feels aggressive and urgent, designers should use it sparingly as a 10% accent color for calls to action or error states. It pairs surprisingly well with dark teal for balance. Black text remains legible against this shade, making mixing pink a straightforward process with this hex code.

Questions about #f57a76

What is #f57a76 in RGB, HSL and CMYK?
In RGB, #f57a76 is rgb(245, 122, 118), in HSL hsl(2, 86%, 71%) and in CMYK 0%, 50%, 52%, 4%.
What colors pair well with #f57a76?
Because #f57a76 is so saturated, it balances beautifully against deep, cool tones like teal or navy. These dark neutrals ground the coral intensity without competing for attention, ensuring your design feels energetic rather than overwhelming.
Is #f57a76 a good choice for text?
#f57a76 generally fails accessibility standards for small body text because it lacks sufficient contrast against white or light backgrounds. It works best as an accent for icons, buttons, or highlighting UI elements where legibility for long-form reading is not required.
Is #f57a76 readable on white or black?
#f57a76 has a 2.64:1 contrast ratio on white and 7.92:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.