Orange

Text contrast

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

Color vision

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

Tonal scale

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

Copy into CSS

color: orange;
background: #ffa500;

@theme {
  --color-orange-50: #fff3e6;
  --color-orange-100: #ffe3c3;
  --color-orange-200: #ffc57e;
  --color-orange-300: #f59f00;
  --color-orange-400: #d08600;
  --color-orange-500: #a86b00;
  --color-orange-600: #855400;
  --color-orange-700: #684000;
  --color-orange-800: #4c2e00;
  --color-orange-900: #321c00;
  --color-orange-950: #170a00;
}