All CSS Colors
#FF00FFmagenta

Magenta

CSS named color · Purple family

HEX#FF00FF
RGBrgb(255, 0, 255)
HSLhsl(300, 100%, 50%)
CSSmagenta

Tints & Shades

#ffd6ff
#ffa8ff
#ff80ff
#ff57ff
#ff29ff
#FF00FF
#d600d6
#a800a8
#80007f
#570057
#290029
LighterDarker

Complementary Color

Magenta

#FF00FF

Complement

#00ff00

hsl(120, 100%, 50%)

CSS Usage

.element {
  color: magenta;
  background-color: magenta;
}

/* Using hex */
.element {
  color: #FF00FF;
  background-color: #FF00FF;
}

/* Using RGB */
.element {
  color: rgb(255, 0, 255);
  background-color: rgb(255, 0, 255);
}

Similar Colors

Purple

#800080

Indigo

#4B0082

Violet

#EE82EE

Plum

#DDA0DD

Orchid

#DA70D6

Lavender

#E6E6FA

Thistle

#D8BFD8

Related Tools

Hex to RGB Converter

Convert any hex color to RGB, HSL, and more

Color Palette Generator

Generate harmonious color palettes from any color

Color Converter

Convert between HEX, RGB, HSL, and more formats

Color Contrast Checker

Check WCAG contrast ratios for accessibility

Browse All CSS Colors

RedBlueGreenYellowOrangePurplePinkCyanMagentaWhiteBlackGraySilverGoldCoralSalmonTomatoCrimsonMaroonNavyTealAquaLimeOliveIndigoVioletPlumOrchidTurquoiseChocolateSiennaPeruTanWheatIvoryLinenBeigeLavenderThistleKhakiSky BlueSteel BlueRoyal BlueDodger BlueDeep PinkHot PinkFuchsiaAquamarineSpring GreenMedium Sea Green