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

LightSalmon (#ffa07a): 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.

#ffa07a
HEX #ffa07a
RGB rgb(255, 160, 122)
HSL 17°, 100%, 74%

Use LightSalmon in Your Projects

About LightSalmon Color

LightSalmon is a warm, peachy pink-orange that feels inviting and friendly. It works well for CTAs, food sites, and warm-toned UI accents.

Use Cases for LightSalmon

CTA buttonsfood siteswarm accentsfriendly designbrunch themes

Shades & Tints of LightSalmon

#ffffff
#ffe7de
#ffd0bd
#ffb89b
#ffa07a
#bf785c
#80503d
#40281f
#000000

Complementary Color

#ffa07a
#7ad9ff

Analogous Colors

#ff7a97
#ffa07a
#ffe27a

Triadic Colors

#ffa07a
#7affa0
#a07aff

Split Complementary

#ffa07a
#7affe2
#7a97ff

Tetradic Colors

#ffa07a
#d9ff7a
#7ad9ff
#a07aff

CSS Code

.lightsalmon-color {
  color: #ffa07a;
  background-color: #ffa07a;
}

/* As a CSS custom property */
:root {
  --color-lightsalmon: #ffa07a;
}

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 LightSalmon
Ratio: 10.56:1 ✓ Passes AA ✓ Passes AAA
White text on LightSalmon
Ratio: 1.99:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is LightSalmon?

LightSalmon is represented by the hex code #ffa07a and has RGB values of rgb(255, 160, 122). It falls under the Orange category.

How to use LightSalmon in web design?

LightSalmon works well for CTA buttons, food sites, warm accents. LightSalmon is a warm, peachy pink-orange that feels inviting and friendly. It works well for CTAs, food sites, and warm-toned UI accents. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LightSalmon?

Colors that pair well with LightSalmon include salmon, darksalmon, coral, tomato, peachpuff. For a complementary scheme, try #7ad9ff. For an analogous scheme, use #ff7a97 and #ffe27a. For a triadic scheme, combine with #7affa0 and #a07aff.