Skip to the color picker

Fuchsia color: #ff00ff

Fuchsia is #ff00ff, rgb(255, 0, 255) in RGB and oklch(70.167% 0.32249 328.363) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

300°
100%

70.2%
0.322
328°
  • Magenta
  • Light
  • Vivid
  • Neon
  • Neutral
  • fuchsia-500
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
3.14:1Hard to read
Lc -61
Black text
6.70:1Readable · AA
Lc 48

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Fuchsia

Similar named colors

Questions about Fuchsia

What is the hex code for Fuchsia?

The hex code for Fuchsia is #ff00ff. In RGB it is rgb(255, 0, 255), in HSL hsl(300, 100%, 50%) and in OKLCH oklch(70.167% 0.32249 328.363).

What colors go well with Fuchsia?

Its complementary color is #00c33b. For a calmer look, pair it with the analogous colors #b27aff and #ff469d. Ready palettes with Fuchsia are shown on this page.

Is Fuchsia a warm or cool color?

Fuchsia is a neutral color with an OKLCH hue of 328 degrees.

What text color is readable on Fuchsia?

Black text is more readable on Fuchsia: white gives a contrast ratio of 3.14:1 and black gives 6.7:1. WCAG AA asks for at least 4.5:1 for body text.

About #ff00ff

#ff00ff is a neon light magenta color. In OKLCH it has 70.2% lightness, 0.322 chroma and a hue of 328°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.14:1 contrast and black text 6.7:1, so black text reads better.

The closest named color is Magenta (#ff00ff). In Tailwind CSS the closest color is fuchsia-500.

More light magenta colors

Lighter: #ff00ff mixed with white

  1. ff00ff

Darker: #ff00ff mixed with black

  1. ff00ff
  2. 800080

Calmer: #ff00ff with less saturation

  1. ff00ff

Similar named colors

  • Magenta#ff00ff

Colors that go with #ff00ff

Complementary
#ff00ff
Analogous
#ff00ff
Triadic
#ff00ff
Split
#ff00ff