Fuchsia

Best set with black text. The pairing reaches 6.70:1 contrast and passes AA for normal text.

Color values

copy exact values

HEX#FF00FFsRGB hexadecimal

RGBrgb(255, 0, 255)screen channels

HSLhsl(300, 100%, 50%)hue, saturation, lightness

CMYKcmyk(0%, 100%, 0%, 0%)approximate process color

Tailwindfuchsia-500nearest palette utility, not an exact token

WCAG ratios

White textlarge text3.14:1

Black textAA6.70:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#521C51

#A520A4

#FF00FF

#FF81FF

#FFC1FD

#FAFAFA

Analogous

#7F00FF

#FF00FF

#FF0080

Triadic

#FF00FF

#FFFF00

#00FFFF

Complement

#FF00FF

#00FF00

Lab distance · lower is closer

Exact alias: Magenta.

:root {
  --color-fuchsia: #FF00FF;
}

.swatch {
  background: var(--color-fuchsia);
  color: #000000;
}

Hue328°

Lightness60 L*

Chroma115.5

Luminance0.285