Fuchsia (CSS) Analogous Color Scheme

Five colors arranged by the analogous rule around Fuchsia (CSS) (#FF00FF), each snapped to its nearest named color.

#0000FF

#7F00FF

#FF00FF

#FF0080

#FF0000

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Blue	`#0000FF`	0, 0, 255	240°, 100%, 50%	100, 100, 0, 0	45.2% 0.313 264
Violent Violet	`#7F00FF`	127, 0, 255	270°, 100%, 50%	50, 100, 0, 0	52.9% 0.293 294
Fuchsia (CSS)	`#FF00FF`	255, 0, 255	300°, 100%, 50%	0, 100, 0, 0	70.2% 0.322 328
Neon Rose	`#FF0080`	255, 0, 128	330°, 100%, 50%	0, 100, 50, 0	64.5% 0.260 2
Red	`#FF0000`	255, 0, 0	0°, 100%, 50%	0, 100, 100, 0	62.8% 0.258 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0000FF on #FF00FF	2.74:1	—
Aa #0000FF on #FF0080	2.28:1	—
Aa #0000FF on #FF0000	2.15:1	—
Aa #7F00FF on #FF00FF	2.00:1	—
Aa #7F00FF on #FF0080	1.66:1	—
Aa #7F00FF on #FF0000	1.57:1	—

CSS variables

:root {
  --color-1: #0000ff; /* Blue */
  --color-2: #7f00ff; /* Violent Violet */
  --color-3: #ff00ff; /* Fuchsia (CSS) */
  --color-4: #ff0080; /* Neon Rose */
  --color-5: #ff0000; /* Red */
}

Other schemes from Fuchsia (CSS)

More medium pink analogous color schemes

Questions

What colors go with Fuchsia (CSS)?

In a analogous scheme: Blue (#0000FF), Violent Violet (#7F00FF), Neon Rose (#FF0080), Red (#FF0000).

What is the hex code of Fuchsia (CSS)?

#FF00FF.