Fuchsia (CSS)

Fuchsia (CSS) is a medium, saturated purple color with the hex code #FF00FF (hue 300°, saturation 100%, lightness 50%). It is also the CSS named color fuchsia.

#FF00FF

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Fuchsia (CSS)	`#FF00FF`	255, 0, 255	300°, 100%, 50%	0, 100, 0, 0	70.2% 0.322 328

Contrast with white text 3.14:1, with black text 6.70:1 — use black text on Fuchsia (CSS).

fuchsia is one of the 148 named colors in CSS, with exactly this value, so color: fuchsia works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#FFCCFF

#FF80FF

#FF33FF

#E600E5

#990099

#4D004C

Colors that go with Fuchsia (CSS)

Six color schemes built on Fuchsia (CSS) with classic harmony rules. The complementary scheme pairs it with Green (#00FF00), the color opposite it on the color wheel.

Nearest CSS named colors

Orchid (CSS) (orchid): Orchid (CSS) (#DA70D6) is lighter than Fuchsia (CSS) (relative luminance 0.313 vs 0.285) and less saturated, with the same hue.
Medium Orchid (mediumorchid): Medium Orchid (#BA55D3) is darker than Fuchsia (CSS) (relative luminance 0.216 vs 0.285) and less saturated, with its hue 12° away.
Violet (CSS) (violet): Violet (CSS) (#EE82EE) is lighter than Fuchsia (CSS) (relative luminance 0.403 vs 0.285) and less saturated, with the same hue.
Deep Pink (deeppink): Deep Pink (#FF1493) is darker than Fuchsia (CSS) (relative luminance 0.239 vs 0.285) and equally saturated, with its hue 28° away.

Similar medium pink colors

Questions

What is the hex code for Fuchsia (CSS)?

#FF00FF — RGB 255, 0, 255, HSL 300°, 100%, 50%.

Is Fuchsia (CSS) a warm or cool color?

Cool — its hue sits at 300° on the color wheel.