Purple Color

Purple is the hex color #800080. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

Copy #800080 Open in picker Save

Purple color codes

HEX: #800080
HEX8: #800080FF
HEX8 (Android): #FF800080
RGB: rgb(128, 0, 128)
RGB (%): 50%, 0%, 50%
HSL: hsl(300, 100%, 25%)
HSV / HSB: hsv(300, 100%, 50%)
CMYK: cmyk(0%, 100%, 0%, 50%)
OKLCH: oklch(0.4209 0.1935 328.36)
OKLCH (%): oklch(42.09% 0.1935 328.36)
Decimal: 8388736

What color is #800080?

#800080 is the web color Purple. In the RGB model it’s 50% red, 0% green, and 50% blue; in HSL it has a hue of 300°, 100% saturation, and 25% lightness. It’s a deep, balanced red‑blue — the classic CSS “purple,” darker than the vivid X11 purple #A020F0.

The meaning of Purple

Purple blends the calm of blue with the energy of red and has long signified royalty, luxury, creativity, and wisdom. It can feel both regal and imaginative.

Where Purple is used

Purple is popular in beauty, finance, and tech brands that want to feel premium or innovative. CSS “purple” #800080 is deep and pairs well with white text; lighter purples and violets like #A020F0 or Rebecca Purple #663399 are common for accents and gradients.

Shades and tints of Purple

Tints

#993399 DarkMagenta

#B366B3 MediumOrchid

#CC99CC Plum

#E6CCE6 Thistle

Shades

#660066 Purple

#4D004D Indigo

#330033 Indigo

#1A001A Black

Purple color harmonies

Complementary

#800080 Purple

#008000 Green

Analogous

#800080 Purple

#400080 Indigo

#800040 Purple

Triadic

#800080 Purple

#808000 Olive

#008080 Teal

Split-complementary

#800080 Purple

#408000 Green

#008040 SeaGreen

Using Purple in CSS

.text       { color: #800080; }
.background { background-color: #800080; }
.border     { border: 2px solid #800080; }

/* Modern, perceptually uniform */
.text { color: oklch(0.4209 0.1935 328.36); }

/* Purple at 50% transparency */
.overlay { background-color: #80008080; }

Is Purple accessible?

Purple on white text scores 9.42:1; on black text it scores 2.23:1. White text passes WCAG AAA on purple; black text fails. Recommended text color on a Purple background: white.

A 2.23:1 vs black

A 9.42:1 vs white

AA normal ≥ 4.5 Pass
AA large ≥ 3 Pass
AAA normal ≥ 7 Pass
AAA large ≥ 4.5 Pass

Recommended text color: white

CSS contrast-color() contrast-color(#800080) → white

APCA Lc experimental 94.1 Lc · body text — preferred (white text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Purple variations and related colors

Violet #EE82EE Indigo #4B0082 Magenta #FF00FF Rebecca Purple #663399 X11 Purple #A020F0

Frequently asked questions

What is the hex code for purple?: In CSS, “purple” is #800080 (rgb(128, 0, 128)). A brighter purple is #A020F0.
What text color works on purple?: White — white text on #800080 has a 9.42:1 contrast ratio (WCAG AAA).
What’s the difference between purple and violet?: Purple #800080 is a deep red‑blue; violet #EE82EE is lighter and closer to blue. Both sit between red and blue on the wheel.

Last updated June 21, 2026

Open Purple in the color picker

Drag, fine-tune, and copy #800080 in every format, or jump to a related page.

Open Purple in the color picker