What does the color Purple mean?

Pink

Purple

#800080

#993399

#b366b3

#cc99cc

#e6cce6

#801a80

Meaning

Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.

History

Purple is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Purple (#800080) in CSS as color: purple; or as #800080.

Preview

Purple

#800080

Overview

Family: Pink

Accessibility on this swatch:

AAA

(9.42:1)

Contrast vs white: 9.42:1 · vs black: 2.23:1

Formats

HEX

#800080

RGB

rgb(128, 0, 128)

RGBA

rgba(128, 0, 128, 1)

HSL

hsl(300, 100%, 25%)

HSV

hsv(300, 100%, 50%)

LAB

lab(29.78% 58.93 -36.49)

LCH

lch(29.78% 69.31 328.23)

OKLAB

oklab(0.4209 0.1647 -0.1015)

OKLCH

oklch(0.4209 0.1935 328.36)

XYZ

xyz(12.80, 6.15, 20.93)

CMYK

cmyk(0%, 100%, 0%, 50%)

CSS

color: #800080;

CSS variable

--color-800080: #800080;

SCSS

$color-800080: #800080;

Tailwind

fuchsia-700

Export

Developer code

:root {
  --purple-1: #800080;
}

Color psychology

Compassion, playfulness, and romance. Popular in beauty, lifestyle, and youth-focused products.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Pink family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#993399

#b366b3

#cc99cc

#e6cce6

#801a80

#803380

#804d80

#806680

Similar colors

#8b008b

#663399

#4b0082

#ba55d3

#9932cc

#c71585

#201c82

#2b2886

Browse more in the color name library.