Magenta has no wavelength of its own — the eye reports it when the red and blue cones fire together without the green, which is why it sits directly opposite green on the colour wheel. Copy the HEX codes from any scheme below, or generate a harmonious magenta palette anchored to your own base colour.
Bright Magenta is one hue held at 306°–309° through five lightness steps, which is the cleanest structure of the three. Magenta & Pink extends the light end to #F8A8E8. Deep Magenta is the darkest, starting at #2E0526 for a near-black.
#4A0E42#7A1670#A81E97#C724B1#E85BD3#6B0F5C#9B1C87#C724B1#E85BD3#F8A8E8#2E0526#560A48#8E116F#C724B1#DE64C8Anchored to a magenta base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Magenta is at maximum energy, so give it somewhere quiet to sit: a black or deep indigo ground, one neutral, and nothing else competing. Its complement is green, which is why magenta on emerald reads as deliberate rather than accidental. Beauty, music, nightlife and bold editorial use it; pink is the softer route to the same audience.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. If a ready-made set is easier, the Bright Magenta row above reads #4A0E42 through #E85BD3 and you can type those five in as the custom properties yourself. The generator instead rolls around #C724B1, the base magenta this page is anchored to. Copy JSON gives an array and Copy HEX a comma-separated line when a :root block is not what your project wants.More palettes: Purple palette · Pink palette · Plum palette · all colours