What is the hex code for Magenta?

The hex code for Magenta is #FF00FF.

What is the RGB value of Magenta?

The RGB value of Magenta is rgb(255, 0, 255).

What is the HSL value of Magenta?

The HSL value of Magenta is hsl(300, 100%, 50%).

What is the HSV value of Magenta?

The HSV value of Magenta is hsv(300, 100%, 100%).

What CSS code do I use for Magenta?

Use background-color: #FF00FF; for background, color: #FF00FF; for text, or border: 1px solid #FF00FF; for borders.

Magenta Hex #FF00FF: HTML Color Code & Gradients

Magenta (#FF00FF) Color Codes & Gradients

Color Preview

Make a gradient with Magenta →

Opens Magenta with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	magenta
Hex	#FF00FF
RGB	rgb(255, 0, 255)
HSV	hsv(300, 100%, 100%)
HSL	hsl(300, 100%, 50%)
OKLCH	oklch(70.17% 0.3225 328.36)

What is the color name for #FF00FF?

#FF00FF color name is Magenta.

Color Information

The HTML color Magenta has the hexadecimal code #FF00FF and in the RGB color space is composed of 100% red, 0% green, and 100% blue. The color Magenta has a hue angle of 300 degrees, a saturation of 100% and a lightness of 50%.

Magenta CSS Code Snippets

Background Color

.bg-magenta { background-color: #FF00FF; }

Text Color

.text-magenta { color: #FF00FF; }

Border Color

.border-magenta { border: 1px solid #FF00FF; }

Shade Gradient

.gradient-shade-magenta { background: linear-gradient(135deg, #FF00FF, #850085); }

Tint Gradient

.gradient-tint-magenta { background: linear-gradient(135deg, #FF00FF, #FF7AFF); }

Monochromatic Gradient

.gradient-mono-magenta { background: linear-gradient(135deg, #FF00FF, #DB00DB); }

Magenta Shades

#EB00EB

#D600D6

#C200C2

#AD00AD

#990099

#850085

Magenta Tints

#FF14FF

#FF29FF

#FF3DFF

#FF52FF

#FF66FF

#FF7AFF

Magenta Tones

#EE11EE

#DE21DE

#CD32CD

#BD42BD

#AC53AC

#9C639C

Magenta Monochromatic

#DB00DB

#B600B6

#920092

#6D006D

#490049

#240024

Similar Colors to Magenta

#AA00FF

#CC00FF

#EE00FF

#FF00EE

#FF00CC

#FF00AA

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator