Figma color wheel
Want to find the perfect complementary or analogous colors to match salmon?
Skip to main content
Everything you need to know about salmon to inspire your next design.
Salmon is a warm, pink-orange color reminiscent of a fresh salmon filet. It’s located between the red and orange sections of the color wheel, giving it an air of energy and playfulness.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Fresh Sashimi
Starfish Splash
Seventies Sizzle
Salmon is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #FF7E70
- RGB value: 100% red, 49.4% green, and 43.9% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are some ways to use salmon in your designs:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same warm spectrum as salmon, consider:
To complement salmon, consider pairing it with:
Other colors worth considering include gold for a touch of luxury, sage to create a calming, natural vibe, and lavender for a whimsical palette.
While salmon is playful and vibrant, it may clash with:
Salmon is associated with health, fertility, and warmth. This color derives its name from salmon fish, which represent cycles of life, death, and rebirth. The color salmon also correlates with energy, determination, and adventurousness.
In color psychology, salmon evokes feelings of optimism and cheerfulness. Salmon’s orange influence creates a sense of positive energy, while its pink influence instills a sense of security and comfort.
In UI design, salmon is a strong choice for building apps and web pages meant to feel warm and inviting to users. Brands targeting younger audiences or athletes can capitalize on salmon’s inherent dynamism.
Some of the earliest recorded references to salmon as a color date back to the late 1700s. Textile dyes were prevalent across all cultures and classes, leading people to employ salmon color schemes in their clothes and furniture.
Salmon exploded in popularity during the 1950s, when pastel colors were prominently featured in advertisements and film posters. American women in the 1950s and ‘60s also took to dying their hair with pastel colors such as salmon.
Today, salmon continues to be used in advertisements, fashion, and contemporary hair styling trends.
Contrast 2.48
#FF7E70
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Contrast 8.47
#FF7E70
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #FF7E70, known as salmon, has RGB values of R:255, G:126, B:112 and CMYK values of C:0, M:0.51, Y:0.56, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | FF7E70 | #FF7E70 |
| RGB DECIMAL | 255, 126, 112 | RGB(255,126,112) |
| RGB PERCENTAGE | 100, 49.4, 43.9 | RGB(100%,49.4%,43.9%) |
| CMYK | 0, 51, 56, 0 | |
| HSL | 5.9°, 100, 72 | HSL(5.9°,100%,72%) |
| HSV (OR HSB) | 5.9°, 56.1, 100 | |
| WEB SAFE | FF6666 | #FF6666 |
| CIE-LAB | 67.543, 47.858, 30.693 | |
| XYZ | 51.627, 37.356, 19.82 | |
| xyY | 0.474, 0.343, 37.356 | |
| CIE-LCH | 67.543, 56.854, 32.673 | |
| CIE-LUV | 67.543, 96.345, 28.444 | |
| HUNTER-LAB | 61.12, 43.817, 23.557 | |
| BINARY | 11111111, 01111110, 01110000 | |
| iOS - SwiftUI | Color(red: 1.0, green: 0.4941, blue: 0.4392) | |
| iOS - UIKit | UIColor(red: 1.0, green: 0.4941, blue: 0.4392, alpha: 1.0) | |
| Android - Compose | Color(0xFFFF7E70) |
Want to find the perfect complementary or analogous colors to match salmon?
Enjoy the youthful charm of light pink.
Explore the calming shade of rosewater.