Blue

Text contrast

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

Color vision

How #0000ff 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 blue.

Copy into CSS

color: blue;
background: #0000ff;

@theme {
  --color-blue-50: #f0f5ff;
  --color-blue-100: #dde8ff;
  --color-blue-200: #bad1ff;
  --color-blue-300: #8eb3ff;
  --color-blue-400: #6293ff;
  --color-blue-500: #306bff;
  --color-blue-600: #0037ff;
  --color-blue-700: #0028cb;
  --color-blue-800: #001b98;
  --color-blue-900: #000c6a;
  --color-blue-950: #00003c;
}