Purple color: code #800080

Purple

#800080

Color codes

  • HEX#800080
  • RGBrgb(128, 0, 128)
  • HSLhsl(300, 100%, 25%)
  • HSVhsv(300, 100%, 50%)
  • CMYKcmyk(0%, 100%, 0%, 50%)
  • LABlab(29.8% 58.9 -36.5)
  • OKLCHoklch(42.1% 0.194 328.4)

About the color Purple

Purple has the HEX code #800080, which corresponds to rgb(128, 0, 128) in the RGB model. On the color wheel its hue sits at 300°, with 100% saturation and 25% lightness (hsl(300, 100%, 25%)).

Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.

As a background it calls for light text: white reaches a 9.41:1 contrast ratio on it, versus 2.22:1 for black.

For print, the approximate conversion is cmyk(0%, 100%, 0%, 50%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Purple

Complementary

#800080 · #008000

Analogous

#400080 · #800080 · #800040

Triadic

#800080 · #808000 · #008080

Tetradic

#800080 · #804000 · #008000 · #004080

Split-complementary

#800080 · #408000 · #008040

Monochromatic

#000000 · #4D004D · #800080 · #CC00CC · #FF1AFF

Purple with white and black text

White text Aa Bb Cc 123
9.41:1 · AAA
Black text Aa Bb Cc 123
2.22:1 · fails WCAG

Test other pairs in the contrast checker

What purple means and how people read it

Purple sits between red and blue and borrows a little from both: some of red's warmth, some of blue's calm. In Europe, purple dye was scarce and expensive for centuries, so the color became shorthand for royalty, power and luxury. Today it is also tied to creativity, spirituality and, in many English-speaking countries, to advocacy campaigns. These associations are cultural, not universal, and context changes them: on a chocolate wrapper purple reads as indulgent, while on a fintech app it signals something new and different from traditional banks.

A note on naming: people use “purple” and “violet” loosely. The value #800080 is the CSS purple keyword, a mid-dark purple that leans toward red rather than the spectral violet.

Where purple works well

What to pair it with

Purple handles bold contrast and quiet tone-on-tone schemes equally well:

Practical tip: purple in dark mode

On white, #800080 reaches roughly 9.4:1 contrast, comfortably passing WCAG AAA for body text. On a near-black background, though, the same purple almost vanishes. Lighten it toward lilac for links and icons in dark themes and test the result with the contrast checker. To see why purple's meaning shifts so much across cultures, read the color psychology guide.

How to use it in CSS

:root {
  --color-purple: #800080;
  --color-purple-rgb: 128, 0, 128;
}

.elemento {
  background-color: var(--color-purple);
  color: #FFFFFF;
}