Salmon color codes
| CSS name | salmon |
|---|---|
| HEX | #FA8072 |
| RGB | rgb(250, 128, 114) |
| HSL | hsl(6, 93%, 71%) |
| CMYK | cmyk(0%, 49%, 54%, 2%) |
| Decimal | 16416882 |
Shades of Salmon (darker)
#E17367 · #C8665B · #AF5A50 · #964D44 · #7D4039 · #64332E · #4B2622 · #321A17 · #190D0B
Tints of Salmon (lighter)
#FB8D80 · #FB998E · #FCA69C · #FCB3AA · #FDC0B9 · #FDCCC7 · #FED9D5 · #FEE6E3 · #FFF2F1
Color harmonies
| Complementary | #70ECFA |
|---|---|
| Triadic | #70FA7E, #7E70FA |
| Analogous | #FA70A7, #FAC370 |
Accessibility (WCAG contrast)
| White text on Salmon | 2.50:1 · Fail |
|---|---|
| Black text on Salmon | 8.40:1 · AAA |
Use Salmon in code
.element {
color: salmon; /* or #fa8072 */
background-color: rgb(250 128 114 / 0.5);
}Frequently asked questions
What is the hex code for Salmon?
Salmon is #FA8072 in HEX, rgb(250, 128, 114) in RGB and hsl(6, 93%, 71%) in HSL.
Can I use "salmon" directly in CSS?
Yes. "salmon" is one of the 148 standard CSS named colors, so color: salmon; works in every browser.
Is Salmon readable on white?
The contrast ratio of Salmon on white is 2.50:1 (WCAG Fail). On black it is 8.40:1 (AAA).
What is the complementary color of Salmon?
The complementary color (opposite on the color wheel) is #70ECFA.
Similar colors
Light Coral#F08080Dark Salmon#E9967ALight Salmon#FFA07ACoral#FF7F50Sandy Brown#F4A460Pale Violet Red#DB7093Tomato#FF6347Indian Red#CD5C5C
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.