Fuchsia (CSS) Complementary Color Scheme

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

#FF00FF

#FB5FFC

#00FF00

#00B800

#66FF66

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Fuchsia (CSS)	`#FF00FF`	255, 0, 255	300°, 100%, 50%	0, 100, 0, 0	70.2% 0.322 328
Violet Pink	`#FB5FFC`	251, 95, 252	300°, 96%, 68%	0, 62, 0, 1	74.3% 0.256 328
Green	`#00FF00`	0, 255, 0	120°, 100%, 50%	100, 0, 100, 0	86.6% 0.295 142
Bubble Bobble Green	`#00B800`	0, 184, 0	120°, 100%, 36%	100, 0, 100, 28	67.8% 0.231 142
Screamin’ Green	`#66FF66`	102, 255, 102	120°, 100%, 70%	60, 0, 60, 0	88.7% 0.234 143

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FF00FF on #66FF66	2.40:1	—
Aa #FF00FF on #00FF00	2.29:1	—
Aa #00B800 on #66FF66	2.04:1	—
Aa #FB5FFC on #66FF66	1.97:1	—
Aa #00FF00 on #00B800	1.95:1	—
Aa #FB5FFC on #00FF00	1.88:1	—

CSS variables

:root {
  --color-1: #ff00ff; /* Fuchsia (CSS) */
  --color-2: #fb5ffc; /* Violet Pink */
  --color-3: #00ff00; /* Green */
  --color-4: #00b800; /* Bubble Bobble Green */
  --color-5: #66ff66; /* Screamin’ Green */
}

Other schemes from Fuchsia (CSS)

More medium pink complementary color schemes

Questions

What colors go with Fuchsia (CSS)?

In a complementary scheme: Violet Pink (#FB5FFC), Green (#00FF00), Bubble Bobble Green (#00B800), Screamin’ Green (#66FF66).

What is the hex code of Fuchsia (CSS)?

#FF00FF.