Salmon Color — HEX, RGB, HSL, Palettes & Contrast

Salmon (#fa8072): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

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

Use Salmon in Your Projects

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

Triadic Colors

#fa8072
#70fa7e
#7e70fa

Split Complementary

#fa8072
#70fac3
#70a7fa

Tetradic Colors

#fa8072
#ecfa70
#70ecfa
#7e70fa

CSS Code

.salmon-color {
  color: #fa8072;
  background-color: #fa8072;
}

/* As a CSS custom property */
:root {
  --color-salmon: #fa8072;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

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. For a triadic scheme, combine with #70fa7e and #7e70fa.