What is the hex code for Purple?

The hex code for Purple is #800080.

What is the RGB value of Purple?

The RGB value of Purple is rgb(128, 0, 128).

What is the HSL value of Purple?

The HSL value of Purple is hsl(300, 100%, 25%).

What is the HSV value of Purple?

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

What CSS code do I use for Purple?

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

Purple Hex #800080: HTML Color Codes & CSS

Purple (#800080) Color Codes & Conversions

Color Preview

Make a gradient with Purple →

Opens Purple 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	purple
Hex	#800080
RGB	rgb(128, 0, 128)
HSV	hsv(300, 100%, 50%)
HSL	hsl(300, 100%, 25%)
OKLCH	oklch(42.09% 0.1935 328.36)

What is the color name for #800080?

#800080 color name is Purple.

Color Information

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

Purple CSS Code Snippets

Background Color

.bg-purple { background-color: #800080; }

Text Color

.text-purple { color: #800080; }

Border Color

.border-purple { border: 1px solid #800080; }

Shade Gradient

.gradient-shade-purple { background: linear-gradient(135deg, #800080, #000000); }

Tint Gradient

.gradient-tint-purple { background: linear-gradient(135deg, #800080, #FF1AFF); }

Monochromatic Gradient

.gradient-mono-purple { background: linear-gradient(135deg, #800080, #C900C9); }

Purple Shades

#660066

#4D004D

#330033

#1A001A

#000000

Purple Tints

#990099

#B300B3

#CC00CC

#E600E6

#FF00FF

#FF1AFF

Purple Tones

#780878

#6F116F

#671967

#5F215F

#562A56

#4E324E

Purple Monochromatic

#C900C9

#A400A4

#800080

#5C005C

#370037

#130013

Similar Colors to Purple

#550080

#660080

#770080

#800077

#800066

#800055

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