Skip to content
ChromaBrew

Magenta

Pure magenta is printer's ink turned to eleven: the gradient-half of every sunset hero. Best deployed in blends and glows rather than flat fills.

gradientsprint-inspired designevent branding

Values in every format

HEX
#ff00ff
RGB
rgb(255, 0, 255)
HSL
hsl(300, 100%, 50%)
OKLCH
oklch(0.702 0.322 328.4)
CMYK
cmyk(0%, 100%, 0%, 0%)

Hue family: Violet · closest CSS name: fuchsia. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #FF00FF itself.

  1. 50#fff3fe
  2. 100#ffe3fd
  3. 200#ffcbfc
  4. 300#ffa9fb
  5. 400#ff6ffc
  6. 500 ★#ff00ff
  7. 600#d200d2
  8. 700#ab00ab
  9. 800#880088
  10. 900#690069
  11. 950#430043

Build a full system from #FF00FF

Harmonies with magenta

Complementary

Maximum contrast — use one side for action, the other sparingly.

#ff00ff #00ff00

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#7f00ff #ff00ff #ff0080

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#ff00ff #ffff00 #00ffff

Measured contrast

on white3.14:1 · AA large only
on black6.7:1 · AA normal ✓

Check your own pairs