Salmon color

Inspect Salmon (#FA8072) in HEX, RGB, HSL, LCH and OKLCH, check its contrast, and copy the value you need.

#fa8072

Salmon

Salmon color values

Salmon

#FA8072

Black text reads best on this background, at 8.4:1.

Salmon is one of the 148 CSS named colors, and resolves to #FA8072 in every browser. In numbers that is rgb(250, 128, 114) and hsl(6, 93%, 71%). Perceptually it is a light, moderately saturated color: OKLCH puts its lightness at 74% and its chroma at 0.152. It sits in the reds at 28 degrees of OKLCH hue, and reads as a warm color.

White text only reaches 2.5:1 here, so black text is the safer pairing at 8.4:1. That combination of lightness and chroma makes it a workable mid-tone, the kind of value that lands in the middle of a shade scale.

The closest CSS named colors to Salmon, measured with CIEDE2000, are LightCoral (#F08080), Tomato (#FF6347), DarkSalmon (#E9967A). If Salmon is not quite right, those are the nearest keywords to try before reaching for a custom value.

HEX

#FA8072

RGB

rgb(250, 128, 114)

HSL

hsl(6, 93%, 71%)

HWB

hwb(6 45% 2%)

CMYK

cmyk(0%, 49%, 54%, 2%)

LAB

lab(67.85 46.63 30.16)

LCH

lch(67.85 55.53 32.9)

OKLCH

oklch(73.5% 0.1515 28.06)

Is Salmon accessible?

WCAG asks for 4.5:1 between body text and its background. On #FA8072 white text measures 2.5:1 and black text 8.4:1, so black clears it and white does not.

White text on Salmon

WCAG 2.2

2.5:1

APCA

Lc 53

Fails AA body text

Fails AAA body text

Fails AA large text

Black text on Salmon

WCAG 2.2

8.4:1

APCA

Lc 55

Passes AA body text

Passes AAA body text

Passes AA large text

Check Salmon against any other color in the contrast checker.

Tints and shades of Salmon

Salmon sits at 74% OKLCH lightness. Holding its hue and chroma and moving only that value carries it up to #FFF6F5 and down to #140000, which keeps the family recognizable instead of letting it drift toward gray the way a plain HSL ramp does.

Tints, toward white

#FF988B

20% lighter

#FFB2A7

40% lighter

#FFC9C1

60% lighter

#FFE0DB

80% lighter

#FFF6F5

100% lighter

Shades, toward black

#CF594E

20% darker

#A5322A

40% darker

#7B0004

60% darker

#440001

80% darker

#140000

100% darker

Build a full accessible scale from #FA8072 in the shade generator.

Colors that go with Salmon

Hues rotated around #FA8072 in OKLCH, then pulled back into the sRGB gamut. Each swatch is labelled with the nearest CSS named color so you have a keyword to start from.

Complementary

Salmon sits at 28 degrees. Rotating it a half turn lands on 208 degrees, the hue directly opposite. It is the strongest pairing you can make without changing lightness, and the one most likely to vibrate if you use both at full chroma.

Analogous

The neighbors of Salmon at 358 and 58 degrees. They stay close enough to read as the same family, which is what you want for hover states, secondary surfaces and gradients.

Triadic

28, 148 and 268 degrees divide the wheel into thirds. Balanced enough to carry a whole palette without one color dominating the other two.

Split complementary

Instead of the complement at 208 degrees, this pair flanks it at 178 and 238. You keep most of the contrast of a complementary pairing while losing the harshness.

Explore more combinations around Salmon on the color wheel.

How Salmon looks with color blindness

The biggest shift is under deuteranopia, where #FA8072 reads as #B0A271, 30.6 CIEDE2000 units away. If Salmon is the only thing marking a state or a series, roughly one viewer in twelve will miss it.

Protanopia

#958D71

Deuteranopia

#B0A271

Tritanopia

#FF747C

Achromatopsia

#999999

Colors similar to Salmon

The nearest CSS keywords to #FA8072, ranked by perceptual distance rather than by how close their hex digits happen to look.