Pink family
Salmon color
A light, bright pink with warm undertones. The reference salmon is #FA8072, as defined by the CSS named color.
| HEX | #FA8072 | |
|---|---|---|
| RGB | rgb(250, 128, 114) | |
| HSL | hsl(6, 93%, 71%) | |
| HSV | hsv(6, 54%, 98%) | |
| OKLCH | oklch(73.5% 0.152 28.1) | |
| CMYK* | 0, 49, 54, 2 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is salmon?
Salmon is a light pinkish orange named after the colour of salmon flesh. It is softer than coral and warmer than pink. CSS also defines lightsalmon and darksalmon, and the xkcd survey salmon is almost identical to the CSS keyword.
Salmon hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of salmon in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Salmon | #FA8072 | CSS named color | Reference shown on this page |
| Salmon | #FF796C | xkcd Color Survey | Very close · 94% similar |
| Salmon | #FF796C | Color Names (meodai) | Very close · 94% similar |
Salmon vs Coral
#FA8072
#FF7F50
Coral is more orange and vivid; salmon is pinker and a little lighter. In numbers: the two are 85% similar (OKLab distance 0.038). See Coral for its own codes.
Colors similar to salmon
The closest named colors to #FA8072 across all three sources, with their similarity in OKLab.
Tints and shades of salmon
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with salmon
Classic color-wheel combinations built on #FA8072, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Salmon with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a salmon background, black text is the better choice.
Use salmon in CSS
.salmon {
color: #FA8072;
/* or */ color: rgb(250 128 114);
/* or */ color: hsl(6 93% 71%);
/* or */ color: oklch(73.5% 0.152 28.1);
/* CSS keyword */ color: salmon;
}