All CSS Colors
#800080purple

Purple

CSS named color · Purple family

HEX#800080
RGBrgb(128, 0, 128)
HSLhsl(300, 100%, 25%)
CSSpurple

Tints & Shades

#ffc2ff
#ff80ff
#ff42ff
#ff00ff
#c200c2
#800080
#6b006b
#570057
#420042
#290029
#140014
LighterDarker

Complementary Color

Purple

#800080

Complement

#008000

hsl(120, 100%, 25%)

CSS Usage

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

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

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

Similar Colors

Magenta

#FF00FF

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