Tomato

tomato is a CSS color keyword. The closest Tailwind step is red-500 (#ef4444).

#ff6347rgb(255, 99, 71)
Hex
#ff6347
RGB
255, 99, 71
HSL
9°, 100%, 64%
OKLCH
69.6% 0.196 32.3
LAB
62.2 57.9 46.4

Open #ff6347 in the explorer

Text contrast

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

Black text7.1:1 AAAAPCA Lc 51
White text2.9:1 FailAPCA Lc -58

Color vision

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

Full color
#ff6347
Protanopia
#8e8143
Deuteranopia
#b5a342
Tritanopia
#ff3d5d

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: tomato;
background: #ff6347;
@theme {
  --color-tomato-50: #fff2ef;
  --color-tomato-100: #ffe0d9;
  --color-tomato-200: #ffbfb2;
  --color-tomato-300: #ff917b;
  --color-tomato-400: #f95e42;
  --color-tomato-500: #d53a1f;
  --color-tomato-600: #b11e00;
  --color-tomato-700: #8b1500;
  --color-tomato-800: #670d00;
  --color-tomato-900: #450500;
  --color-tomato-950: #220100;
}