Orangered

orangered is a CSS color keyword. The closest Tailwind step is orange-600 (#ea580c).

#ff4500rgb(255, 69, 0)
Hex
#ff4500
RGB
255, 69, 0
HSL
16°, 100%, 50%
OKLCH
66.0% 0.229 35.4
LAB
57.6 67.8 69.0

Open #ff4500 in the explorer

Text contrast

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

Black text6.1:1 AAAPCA Lc 45
White text3.4:1 FailAPCA Lc -64

Color vision

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

Full color
#ff4500
Protanopia
#807000
Deuteranopia
#ad9900
Tritanopia
#ff003c

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: orangered;
background: #ff4500;
@theme {
  --color-orangered-50: #fff2ee;
  --color-orangered-100: #ffe0d8;
  --color-orangered-200: #ffc0af;
  --color-orangered-300: #ff9276;
  --color-orangered-400: #ff572a;
  --color-orangered-500: #d73800;
  --color-orangered-600: #ab2b00;
  --color-orangered-700: #862000;
  --color-orangered-800: #631500;
  --color-orangered-900: #420a00;
  --color-orangered-950: #200200;
}