Yellow

Text contrast

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

Color vision

How #ffff00 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 yellow.

Copy into CSS

color: yellow;
background: #ffff00;

@theme {
  --color-yellow-50: #feff54;
  --color-yellow-100: #f2f200;
  --color-yellow-200: #dada00;
  --color-yellow-300: #bcbc00;
  --color-yellow-400: #9f9f00;
  --color-yellow-500: #808000;
  --color-yellow-600: #656500;
  --color-yellow-700: #4e4e00;
  --color-yellow-800: #383800;
  --color-yellow-900: #242400;
  --color-yellow-950: #0e0e00;
}