Home /Compare /Salmon vs Coral

Salmon vs Coral: What's the Difference?

The main difference between Salmon and Coral is hue — Salmon is a warm red, while Coral is a warm orange. Salmon (#FA8072) is a pinker, softer orange-pink named after the fish's flesh, while Coral (#FF7F50) is a more vivid, orange-leaning pink named after the sea organism. Coral is brighter and more orange; salmon is pinker and more muted.

Salmon#FA8072
Coral#FF7F50
#FA8072Blended: #FD8061#FF7F50
ShareSave to PinterestTweet

Salmon vs Coral: Key Differences at a Glance

Aspect Salmon Coral
Hue angle6° — pink-leaning16° — orange-leaning
Saturation93% — vivid but soft100% — fully saturated
FeelSoft, warm, dusty pinkTropical, cheerful, orange
Blue channel114 — more pink80 — more orange
Named afterSalmon fish fleshRed coral reefs
Common useWedding palettes, fashionSummer brands, resort, beauty

Can you use Salmon and Coral together?

Coral text on Salmon
Salmon text on Coral
Contrast Ratio:1.00:1Insufficient Contrast

How to Tell Salmon and Coral Apart

  • Salmon has more pink (higher blue channel); coral has more orange (lower blue channel).
  • The hue shifts 10° between them — small but visually clear on a white background.
  • Think cooked salmon (pinkish) vs. red coral (orangey) — both pictures are already in your head.
  • Coral was Pantone's Color of the Year 2019 ('Living Coral'), which is why you see it in recent resort/beach branding.

Origin of Salmon and Coral

Salmon

Salmon as a color name dates to 1776 in English, directly taken from the pinkish flesh of cooked or fresh salmon — a universally familiar reference.

Coral

Coral entered English as a color word around 1513, from Latin 'corallium', and originally described only red corals from the Mediterranean which were prized for jewelry and amulets.

Salmon or Coral: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

Branding & logos
PickCoral

Coral is more saturated (100% HSL vs 93%) so it reads as bolder and more memorable at logo scale, while Salmon can feel washed out when printed small.

Web UI & body text backgrounds
PickSalmon

Salmon hits a 2.50:1 WCAG contrast against white — safer for text-heavy interfaces — where Coral only reaches 2.50:1 and risks failing AA at small body sizes.

Fashion & apparel
PickSalmon

Salmon is a warm tone that flatters spring/summer collections and warmer skin undertones, while Coral leans warmer and is better suited to autumn/winter layering.

Interior design & walls
PickSalmon

Salmon is the more muted of the two (93% saturation) and sits more calmly on large wall surfaces, while Coral's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Salmon vs Coral in Design

Use Salmon for:
Alerts, errors, stop states
Sale & promotion banners
Food and beverage packaging
Sports and energy branding
Romantic & bold fashion
Use Coral for:
Call-to-action buttons
Autumn and harvest themes
Food, citrus, warmth branding
Youthful energetic campaigns
Friendly notification badges

Salmon and Coral Hex Codes, RGB & HSL

Salmon#FA8072

Salmon is a muted pink-orange (RGB 250,128,114) with more red than orange in it, named after the color of cooked salmon flesh. It reads as soft, warm, and slightly dusty.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Coral#FF7F50

Coral is a brighter, more saturated pink-orange (RGB 255,127,80) with stronger orange tones, named after red-orange coral reefs. It reads as tropical, cheerful, and vibrant.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Salmon and Coral WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Salmon text on white
2.5:1Fail
Sample text preview
Salmon text on black
8.4:1AAA
Sample text preview
Coral text on white
2.5:1Fail
Sample text preview
Coral text on black
8.4:1AAA
Sample text preview
Salmon text on Coral
1:1Fail
Sample text preview
Coral text on Salmon
1:1Fail

Explore Salmon and Coral individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Salmon color page#FA8072 · shades, tints, pairingsCoral color page#FF7F50 · shades, tints, pairings

More Salmon and Coral Comparisons

Salmon vs Coral FAQ

What is the difference between salmon and coral?+
The main difference between Salmon and Coral is hue — Salmon is a warm red, while Coral is a warm orange. Salmon (#FA8072) is a pinker, softer orange-pink named after the fish's flesh, while Coral (#FF7F50) is a more vivid, orange-leaning pink named after the sea organism. Coral is brighter and more orange; salmon is pinker and more muted.
Is salmon darker than coral?+
No. Coral is the darker of the two at 66% lightness, while Salmon sits higher at 71%.
Are salmon and coral the same color?+
No. Salmon is #FA8072 and Coral is #FF7F50. They differ by 10° in hue, 5% in lightness, and 7% in saturation.
Which is more saturated, salmon or coral?+
Coral is more saturated. In HSL, Salmon has 93% saturation and Coral has 100% — Coral is the more vivid of the two, while Salmon reads as more muted.
Is salmon warm or cool?+
Salmon (#FA8072) is a warm red. Its hue sits at 6° on the color wheel, which places it in the warm range.
Is coral warm or cool?+
Coral (#FF7F50) is a warm orange. Its hue sits at 16° on the color wheel, which places it in the warm range.
Can you use salmon and coral together?+
Yes. Salmon (red) and Coral (orange) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does salmon belong to?+
Salmon belongs to the red family. Its HSL is 6°, 93%, 71% — a warm tone within the broader red group.
What is the hex code for salmon?+
The hex code for Salmon is #FA8072. In RGB, that's rgb(250, 128, 114), and in HSL it's hsl(6, 93%, 71%).
What is the hex code for coral?+
The hex code for Coral is #FF7F50. In RGB, that's rgb(255, 127, 80), and in HSL it's hsl(16, 100%, 66%).