Skip to content

Purple #800080

Scarcity turned into a color.

RGB
128, 0, 128
HSL
300°, 100%, 25%
CMYK
0, 100, 0, 50
Luminance
0.0615

About Purple

Purple is what happens when the two ends of the visible spectrum meet — a color the rainbow itself never shows in pure form. CSS purple is #800080; its whole identity was forged by rarity: for millennia making purple was so hard that wearing it was legislated.

Today purple is the differentiation hue: too regal for danger, too playful for finance’s blue, it became the badge of creative tech, streaming and communities.

History

Tyrian purple was extracted from Murex sea snails — thousands of shells per gram — making it worth many times its weight in gold; Roman sumptuary law reserved it for emperors, and “born in the purple” still means royal. In 1856, 18-year-old William Perkin, hunting synthetic quinine, accidentally created mauveine — the first synthetic dye — and launched both cheap purple and the modern chemical industry.

Psychology

Purple blends red’s energy with blue’s calm into associations of imagination, spirituality and luxury. It skews strongly in preference studies — beloved by creative and younger audiences, historically shunned by conservative corporate branding, which is precisely why disruptors adopt it.

In design

Deep purples (#5b21b6-class) carry premium weight; bright violets need dark canvases to glow. Purple’s natural pairings: gold for royalty, teal/cyan for modern tech gradients (this hub’s own accent system), soft pinks for beauty. On white, #800080 passes AA for text (6.9:1).

In culture

Purple is royalty and clergy, Prince and psychedelia, the Purple Heart and purple prose. In politics it is the mixed state — neither red nor blue.

Brands that own purple

Shades of purple

Every format

HEX#800080
RGBrgb(128, 0, 128)
HSLhsl(300, 100%, 25%)
CMYKcmyk(0%, 100%, 0%, 50%)
LABlab(29.8 58.9 -36.5)
LCHlch(29.8 69.3 328.2)
OKLCHoklch(0.421 0.194 328.4)

Copy-ready code

/* CSS */
color: #800080;
background-color: #800080;
/* Tailwind (arbitrary) */
class="text-[#800080] bg-[#800080]"
/* SCSS */
$brand: #800080;
/* SwiftUI */
Color(red: 0.502, green: 0.000, blue: 0.502)
/* Android */
Color.parseColor("#800080")

Accessibility — WCAG contrast

Aa
#800080 on white: 9.42:1
AA ✓ pass · AA-large · AAA
Aa
#800080 on black: 2.23:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red50.2%
Green0.0%
Blue50.2%

CMYK percentages

Cyan0.0%
Magenta100.0%
Yellow0.0%
Key (black)49.8%

Color previews

#800080 text on a black background

contrast 2.23:1

Card sample

#800080 text on a white background

contrast 9.42:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #800080;
Background color
Panel with #800080 background
background-color: #800080;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #800080;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(128, 0, 128, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(128, 0, 128, 0.45);
Border & gradient
Gradient panel
border: 3px solid #800080;
background: linear-gradient(135deg, #800080, #80002B);

Monochromatic scale

Palettes built from #800080

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Purple, answered

What is the hex code for purple?

CSS purple is #800080 — rgb(128, 0, 128). Related staples: violet #ee82ee, indigo #4b0082 and modern UI violet #8b5cf6.

Why was purple associated with royalty?

Ancient Tyrian purple dye required thousands of sea snails per garment, costing more than gold. Roman law restricted it to rulers — scarcity became symbolism that outlived the dye itself.

What colors pair well with purple?

Gold (heritage/luxury), cyan and teal (modern gradients), soft pink (beauty), and neutral grays. Its direct complement in most models sits in the yellow-green range — use sparingly at full strength.

Work with #800080 in the Color Lab