Salmon Color

Learn about Salmon (#fa8072): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#fa8072
HEX #fa8072
RGB rgb(250, 128, 114)
HSL 6°, 93%, 71%

About Salmon Color

Salmon is a warm, pinkish-orange that feels approachable and friendly. It works well for CTA buttons, food blogs, and health-related websites.

Use Cases for Salmon

CTA buttonsfood blogshealth websitesfriendly designchildren products

Shades & Tints of Salmon

#ffffff
#fedfdc
#fdc0b9
#fba095
#fa8072
#bc6056
#7d4039
#3f201d
#000000

Complementary Color

#fa8072
#70ecfa

Analogous Colors

#fa70a7
#fa8072
#fac370

CSS Code

.salmon-color {
  color: #fa8072;
}

Contrast Recommendations

Black text on Salmon
Ratio: 8.4:1 ✓ Passes AA ✓ Passes AAA
White text on Salmon
Ratio: 2.5:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Salmon?

Salmon is represented by the hex code #fa8072 and has RGB values of rgb(250, 128, 114). It falls under the Orange category.

How to use Salmon in web design?

Salmon works well for CTA buttons, food blogs, health websites. Salmon is a warm, pinkish-orange that feels approachable and friendly. It works well for CTA buttons, food blogs, and health-related websites. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Salmon?

Colors that pair well with Salmon include lightsalmon, darksalmon, coral, tomato, indianred. For a complementary scheme, try #70ecfa. For an analogous scheme, use #fa70a7 and #fac370.