Salmon color values
| Format | Value |
|---|---|
| Hex | #FA8072 |
| RGB | rgb(250, 128, 114) |
| HSL | hsl(6, 93%, 71%) |
| HSV | 6, 54%, 98% |
| CMYK (simple conversion) | 0%, 49%, 54%, 2% |
| Decimal | 16416882 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Salmon
This pinkish orange hue takes its visual cue from the flesh of salmon fish. It feels warm and friendly, often appearing in food, lifestyle, and casual app designs. The color bridges the gap between energetic orange and gentle pink effectively. It is one of the 148 CSS named colors.
Shades and tints of Salmon
Tints mix Salmon with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #FB8D80 | #E17367 |
| 20% | #FB998E | #C8665B |
| 30% | #FCA69C | #AF5A50 |
| 40% | #FCB3AA | #964D44 |
| 50% | #FDC0B9 | #7D4039 |
Color harmony for Salmon
These colors keep the same saturation and lightness as Salmon and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #72ECFA |
| Analogous | #FA72A8 #FAC472 |
| Triadic | #72FA80 #8072FA |
| Split complementary | #72FAC4 #72A8FA |
Contrast and accessibility
Contrast between #FA8072 and white is 2.50:1 (fails). Against black it is 8.40:1 (passes AAA). For text on a Salmon background, black text is the more readable choice.
Use Salmon in CSS
.element {
color: salmon;
background-color: #FA8072;
border-color: rgb(250 128 114);
outline-color: hsl(6 93% 71%);
}All four lines produce exactly the same color. The keyword salmon is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- lightcoral: #F08080
- darksalmon: #E9967A
- lightsalmon: #FFA07A
- Coral: #FF7F50
FAQ
What is the hex code for Salmon?
The hex code for Salmon is #FA8072. As a CSS color keyword you can also write salmon.
What is Salmon in RGB?
Salmon is rgb(250, 128, 114): red 250, green 128, blue 114 on the 0 to 255 scale.
What color is closest to Salmon?
Of the CSS named colors, lightcoral (#F08080) is the closest match to Salmon, followed by darksalmon and lightsalmon.
More colors
- Royal Blue: previous page
- Sea Green: next page
- CSS named colors: the full list