Salmon

salmon is a CSS color keyword. The closest Tailwind step is red-400 (#f87171).

#fa8072rgb(250, 128, 114)
Hex
#fa8072
RGB
250, 128, 114
HSL
6°, 93%, 71%
OKLCH
73.5% 0.152 28.1
LAB
67.3 45.2 29.1

Open #fa8072 in the explorer

Text contrast

Black or white text on #fa8072. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text8.4:1 AAAAPCA Lc 57
White text2.5:1 FailAPCA Lc -52

Color vision

How #fa8072 looks in simulations of color blindness, at full severity.

Full color
#fa8072
Protanopia
#9d9470
Deuteranopia
#bbae70
Tritanopia
#ff6c7d

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to salmon.

50100200300400500600700800900950

Copy into CSS

color: salmon;
background: #fa8072;
@theme {
  --color-salmon-50: #fff2f0;
  --color-salmon-100: #ffe0db;
  --color-salmon-200: #ffbfb5;
  --color-salmon-300: #ff9083;
  --color-salmon-400: #e76f62;
  --color-salmon-500: #c44f44;
  --color-salmon-600: #a5332b;
  --color-salmon-700: #8a1613;
  --color-salmon-800: #6a0003;
  --color-salmon-900: #470001;
  --color-salmon-950: #230000;
}