Fuchsia (CSS) Monochromatic Color Scheme

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

#660066

#B300B3

#FF00FF

#FC53FC

#FF99FF

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Purple Dreamer	`#660066`	102, 0, 102	300°, 100%, 20%	0, 100, 0, 60	35.8% 0.165 328
Energic Eggplant	`#B300B3`	179, 0, 179	300°, 100%, 35%	0, 100, 0, 30	53.8% 0.247 328
Fuchsia (CSS)	`#FF00FF`	255, 0, 255	300°, 100%, 50%	0, 100, 0, 0	70.2% 0.322 328
Surati Pink	`#FC53FC`	252, 83, 252	300°, 97%, 66%	0, 67, 0, 1	73.3% 0.270 328
Pinkalicious	`#FF99FF`	255, 153, 255	300°, 100%, 80%	0, 40, 0, 0	82.2% 0.175 327

Which pairs work for text

Text on background	Contrast	WCAG
Aa #660066 on #FF99FF	6.41:1	AA
Aa #660066 on #FC53FC	4.43:1	AA large
Aa #660066 on #FF00FF	3.81:1	AA large
Aa #B300B3 on #FF99FF	3.15:1	AA large
Aa #B300B3 on #FC53FC	2.18:1	—
Aa #660066 on #B300B3	2.03:1	—

CSS variables

:root {
  --color-1: #660066; /* Purple Dreamer */
  --color-2: #b300b3; /* Energic Eggplant */
  --color-3: #ff00ff; /* Fuchsia (CSS) */
  --color-4: #fc53fc; /* Surati Pink */
  --color-5: #ff99ff; /* Pinkalicious */
}

Other schemes from Fuchsia (CSS)

More medium pink monochromatic color schemes

Questions

What colors go with Fuchsia (CSS)?

In a monochromatic scheme: Purple Dreamer (#660066), Energic Eggplant (#B300B3), Surati Pink (#FC53FC), Pinkalicious (#FF99FF).

What is the hex code of Fuchsia (CSS)?

#FF00FF.