#F57675 Hex Color

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

Hex color #f57675 graphic
This intense, saturated coral-red commands immediate attention with its high-energy presence. Because of its boldness, #f57675 works best as an accent color for calls to action or UI highlights rather than a large background. It pairs surprisingly well with deep charcoal or muted navy blues. The hex code for this vivid shade is #f57675, which offers strong enough contrast for readable black text.

Questions about #f57675

What is #f57675 in RGB, HSL and CMYK?
In RGB, #f57675 is rgb(245, 118, 117), in HSL hsl(0, 86%, 71%) and in CMYK 0%, 52%, 52%, 4%.
Where is the best place to use #f57675 in a design?
Use #f57675 primarily as a tactical accent color for call-to-action buttons, notifications, or specific interface highlights that require user attention. Because of its high saturation, avoid using it as a large background fill to ensure your interface remains comfortable and balanced for the viewer.
Which colors pair best with the #f57675 coral red?
This intense hue creates a strong, sophisticated contrast when paired with deep, cool tones like charcoal or navy. These darker, neutral foundations effectively ground the high-energy coral, making it pop without becoming visually fatiguing or chaotic for the user.
Is #f57675 readable on white or black?
#f57675 has a 2.71:1 contrast ratio on white and 7.73: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.