Fuchsia

fuchsia is a CSS color keyword. The same color is also written magenta. The closest Tailwind step is fuchsia-500 (#d946ef).

#ff00ffrgb(255, 0, 255)

Hex: #ff00ff
RGB: 255, 0, 255
HSL: 300°, 100%, 50%
OKLCH: 70.2% 0.322 328.4
LAB: 60.3 98.2 -60.8

Open #ff00ff in the explorer

Text contrast

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

Black text6.7:1 AAAPCA Lc 48

White text3.1:1 FailAPCA Lc -61

Color vision

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

Full color
#ff00ff

Protanopia
#007fff

Deuteranopia
#689bfa

Tritanopia
#ff4a97

Tonal scale

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

50 100200300400500600700800900950

Copy into CSS

color: fuchsia;
background: #ff00ff;

@theme {
  --color-fuchsia-50: #fff0fe;
  --color-fuchsia-100: #ffdafc;
  --color-fuchsia-200: #ffb2fb;
  --color-fuchsia-300: #ff73fc;
  --color-fuchsia-400: #f500f5;
  --color-fuchsia-500: #c600c6;
  --color-fuchsia-600: #9e009e;
  --color-fuchsia-700: #7b007b;
  --color-fuchsia-800: #5b005b;
  --color-fuchsia-900: #3c003c;
  --color-fuchsia-950: #1d001d;
}