Lightcoral

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

#f08080rgb(240, 128, 128)
Hex
#f08080
RGB
240, 128, 128
HSL
0°, 79%, 72%
OKLCH
72.5% 0.138 21.0
LAB
66.2 42.8 19.6

Open #f08080 in the explorer

Text contrast

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

Black text8.1:1 AAAAPCA Lc 56
White text2.6:1 FailAPCA Lc -53

Color vision

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

Full color
#f08080
Protanopia
#98937f
Deuteranopia
#b4aa7e
Tritanopia
#ff7181

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: lightcoral;
background: #f08080;
@theme {
  --color-lightcoral-50: #fff1f1;
  --color-lightcoral-100: #ffdfde;
  --color-lightcoral-200: #ffbebc;
  --color-lightcoral-300: #ff8f8e;
  --color-lightcoral-400: #e07273;
  --color-lightcoral-500: #be5356;
  --color-lightcoral-600: #a0383d;
  --color-lightcoral-700: #851e28;
  --color-lightcoral-800: #690014;
  --color-lightcoral-900: #47000a;
  --color-lightcoral-950: #230003;
}