Darkorange

darkorange is a CSS color keyword. The closest Tailwind step is amber-500 (#f59e0b).

#ff8c00rgb(255, 140, 0)
Hex
#ff8c00
RGB
255, 140, 0
HSL
33°, 100%, 50%
OKLCH
75.1% 0.179 58.3
LAB
69.5 36.8 75.5

Open #ff8c00 in the explorer

Text contrast

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

Black text9.0:1 AAAAPCA Lc 60
White text2.3:1 FailAPCA Lc -48

Color vision

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

Full color
#ff8c00
Protanopia
#af9900
Deuteranopia
#cab400
Tritanopia
#ff7177

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: darkorange;
background: #ff8c00;
@theme {
  --color-darkorange-50: #fff2e9;
  --color-darkorange-100: #ffe2cc;
  --color-darkorange-200: #ffc395;
  --color-darkorange-300: #ff9737;
  --color-darkorange-400: #e07a00;
  --color-darkorange-500: #b56200;
  --color-darkorange-600: #904c00;
  --color-darkorange-700: #703a00;
  --color-darkorange-800: #522900;
  --color-darkorange-900: #361900;
  --color-darkorange-950: #190800;
}