Skip to content

Salmon #fa8072

Pink with an appetite.

RGB
250, 128, 114
HSL
6°, 93%, 71%
CMYK
0, 49, 54, 2
Luminance
0.3698

About Salmon

Salmon, #fa8072, is pink warmed with orange — named for the flesh of the fish, whose color famously comes from its diet (wild salmon eat astaxanthin-rich krill; farmed salmon are fed the pigment to match). It is the most food-adjacent pink in the palette.

History

Salmon-pink newspapers made the color editorial: the Financial Times has printed on salmon since 1893 — originally to stand out on newsstands and dodge paper-bleaching costs, now a trademark of financial seriousness in the softest color imaginable.

Psychology

Salmon reads warm, healthy and social — pink’s friendliness with orange’s vitality. It flatters interfaces the way it flatters skin tones, which made it a staple of wellness, food and summer fashion design.

In design

Salmon shines as buttons and cards on deep teal, navy and sage — cool grounds make it glow. Light salmon (#ffa07a) works as a soft highlight; as text every salmon fails on white (~2.5:1) — darken toward terracotta for copy. The FT proves salmon backgrounds carry black text beautifully.

In culture

Salmon shorts, salmon skies, the salmon-pink press: the color moves between preppy wardrobe staple and sunset shorthand. In Japan, salmon sakura tones mark spring’s food and festivals alike.

Brands that own salmon

Shades of salmon

Every format

HEX#fa8072
RGBrgb(250, 128, 114)
HSLhsl(6, 93%, 71%)
CMYKcmyk(0%, 49%, 54%, 2%)
LABlab(67.3 45.2 29.1)
LCHlch(67.3 53.8 32.7)
OKLCHoklch(0.735 0.151 28.1)

Copy-ready code

/* CSS */
color: #fa8072;
background-color: #fa8072;
/* Tailwind (arbitrary) */
class="text-[#fa8072] bg-[#fa8072]"
/* SCSS */
$brand: #fa8072;
/* SwiftUI */
Color(red: 0.980, green: 0.502, blue: 0.447)
/* Android */
Color.parseColor("#fa8072")

Accessibility — WCAG contrast

Aa
#fa8072 on white: 2.50:1
AA ✗ fail · AA-large · AAA
Aa
#fa8072 on black: 8.40:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red98.0%
Green50.2%
Blue44.7%

CMYK percentages

Cyan0.0%
Magenta48.8%
Yellow54.4%
Key (black)2.0%

Color previews

#fa8072 text on a black background

contrast 8.40:1

Card sample

#fa8072 text on a white background

contrast 2.50:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #fa8072;
Background color
Panel with #fa8072 background
background-color: #fa8072;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #fa8072;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(250, 128, 114, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(250, 128, 114, 0.45);
Border & gradient
Gradient panel
border: 3px solid #fa8072;
background: linear-gradient(135deg, #fa8072, #FADB72);

Monochromatic scale

Palettes built from #fa8072

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Salmon, answered

What is the hex code for salmon?

CSS salmon is #fa8072, with light salmon #ffa07a and dark salmon #e9967a. The FT’s famous paper tint is a much paler #fff1e5.

Why is salmon flesh that color?

Diet: wild salmon accumulate astaxanthin from krill and shrimp. Farmed salmon would be gray without the same pigment added to feed — the color is so expected it is engineered.

What colors pair with salmon?

Teal and deep green (complementary energy), navy for polish, sage and cream for wellness palettes, and black text when salmon plays background — as the Financial Times has proven since 1893.

Work with #fa8072 in the Color Lab