Magenta Monochromatic Color Scheme

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

#660066

#B300B3

#FF00FF

#FC53FC

#FF99FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Purple Dreamer	`#660066`	102, 0, 102	300°, 100%, 20%	0, 100, 0, 60
Energic Eggplant	`#B300B3`	179, 0, 179	300°, 100%, 35%	0, 100, 0, 30
Magenta	`#FF00FF`	255, 0, 255	300°, 100%, 50%	0, 100, 0, 0
Surati Pink	`#FC53FC`	252, 83, 252	300°, 97%, 66%	0, 67, 0, 1
Pinkalicious	`#FF99FF`	255, 153, 255	300°, 100%, 80%	0, 40, 0, 0

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; /* Magenta */
  --color-4: #fc53fc; /* Surati Pink */
  --color-5: #ff99ff; /* Pinkalicious */
}

Other schemes from Magenta

More Medium Pink monochromatic palettes

Questions

What colors go with Magenta?

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

What is the hex code of Magenta?

#FF00FF.