#F07580 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, vivid coral red feels energetic and demands immediate attention. Because the hex code #f07580 is quite powerful, use it as a 10% accent rather than a full-page background to keep designs legible. It pairs unexpectedly well with deep charcoal grays or muted teals. If you are curious about mixing pink, this shade is a useful reference point for high-chroma, warm-toned results.
Questions about #f07580
What is #f07580 in RGB, HSL and CMYK?
In RGB, #f07580 is rgb(240, 117, 128), in HSL hsl(355, 80%, 70%) and in CMYK 0%, 51%, 47%, 6%. Browse more shades of red with names and hex codes.
How should I use #f07580 in UI design?
Because #f07580 is highly saturated, it works best as a 10% accent rather than a dominant background color. It creates a striking contrast when paired with dark charcoal or deep navy, preventing the design from feeling overwhelmed or difficult to read.
Does #f07580 lean warm or cool?
This color reads distinctly warm due to its strong red and orange undertones. While many coral shades can lean pink or peachy, #f07580 maintains a high-chroma, fiery intensity that brings an immediate sense of urgency and vitality to any visual interface.
Is #f07580 readable on white or black?
#f07580 has a 2.77:1 contrast ratio on white and 7.56: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.