Salmon color (#FA8072)
Salmon is one of the 148 CSS named colors. Use the keyword salmon
anywhere CSS accepts a color, or its hex code #FA8072, which is rgb(250, 128, 114) in RGB.
It is a light, vivid warm color with a hue angle of 6° on the HSL color wheel and a perceived lightness of 74% in OKLCH. On a salmon background, black text gives the higher contrast at 8.39:1, which passes WCAG AA for normal text.
Salmon color codes
| CSS name | salmon |
|
|---|---|---|
| HEX | #FA8072 |
|
| HEX (8-digit) | #FA8072FF |
|
| RGB | rgb(250, 128, 114) |
|
| HSL | hsl(6, 93%, 71%) |
|
| HSV / HSB | hsv(6, 54%, 98%) |
|
| OKLCH | oklch(73.5% 0.1515 28.1) |
|
| CMYK | cmyk(0%, 48.8%, 54.4%, 2%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for salmon used as text and as a background.
Tints and shades of salmon
Tints mix salmon with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with salmon
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Salmon with color blindness
Approximately how salmon appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using salmon in CSS
.element {
color: salmon;
background-color: #fa8072;
border-color: rgb(250 128 114 / 50%);
outline-color: oklch(73.5% 0.1515 28.1);
}Similar named colors
See all shades of red or browse every CSS color name.