Coral

coral is a CSS color keyword. The closest Tailwind step is orange-400 (#fb923c).

#ff7f50rgb(255, 127, 80)
Hex
#ff7f50
RGB
255, 127, 80
HSL
16°, 100%, 66%
OKLCH
73.5% 0.168 40.2
LAB
67.3 45.4 47.5

Open #ff7f50 in the explorer

Text contrast

Black or white text on #ff7f50. 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 #ff7f50 looks in simulations of color blindness, at full severity.

Full color
#ff7f50
Protanopia
#a2924b
Deuteranopia
#c1af4d
Tritanopia
#ff6574

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: coral;
background: #ff7f50;
@theme {
  --color-coral-50: #fff2ed;
  --color-coral-100: #ffe0d6;
  --color-coral-200: #ffc0aa;
  --color-coral-300: #ff936c;
  --color-coral-400: #eb6d3e;
  --color-coral-500: #c84d19;
  --color-coral-600: #a43700;
  --color-coral-700: #802900;
  --color-coral-800: #5f1c00;
  --color-coral-900: #3f1000;
  --color-coral-950: #1e0400;
}