Coral

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

Coral color codes graphic
Coral #ff7f50 is a loud, saturated orange with distinct reddish undertones that demands attention. Because of its intensity, it works best as a 10% accent color rather than a dominant background. It creates an energetic contrast against dark charcoal or deep navy. The hex code #ff7f50 provides excellent contrast for black typography, ensuring readability even at small sizes.

Questions about Coral

What is the hex code for Coral?
Coral is #ff7f50. In RGB that is rgb(255, 127, 80), in HSL hsl(16, 100%, 66%) and in CMYK 0%, 50%, 69%, 0%.
What colors pair well with Coral #ff7f50?
The intense, reddish-orange nature of Coral #ff7f50 demands grounding, so it creates the most striking contrast against charcoal or deep navy. Using it alongside these dark, neutral tones helps tame its high energy while maintaining a sophisticated, modern visual balance.
Is Coral #ff7f50 a good choice for text?
You can use Coral #ff7f50 effectively for headlines or large call-to-action buttons, but it often lacks sufficient contrast against white backgrounds for small, readable body text. Always ensure your contrast ratio meets accessibility standards when pairing this bright hue with other elements.
Is Coral readable on white or black?
Coral has a 2.49:1 contrast ratio on white and 8.40: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.