Purple Color

Purple — The Color of Creativity and Luxury

#800080Purple

Color Values

HEX#800080

RGBrgb(128, 0, 128)

HSLhsl(300°, 100%, 25%)

CSSpurple

Shade Palette

#F3E5F5

100

#E1BEE7

300

#BA68C8

500

#9C27B0

700

#7B1FA2

900

#4A148C

Complementary Color

↔

#008000

Green

Analogous Colors

#9400D3

Dark Violet

#6A0080

Deep Purple

CSS Usage

CSS

/* By name */
color: purple;
background-color: purple;

/* By HEX */
color: #800080;
background-color: #800080;

/* By RGB */
color: rgb(128, 0, 128);

/* By HSL */
color: hsl(300deg, 100%, 25%);

/* With opacity */
color: rgba(128, 0, 128, 0.8);
color: hsl(300deg 100% 25% / 80%);

CSS `purple` (#800080) is dark enough to use as text on white backgrounds (approximately 5.3:1 contrast ratio). For a more vivid purple use #9333EA (Tailwind purple-600), and for a lighter shade use #A855F7 (Tailwind purple-500).

Purple (#800080) blends red and blue, and was historically so expensive to produce that it was reserved exclusively for royalty and nobility. It symbolizes creativity, mystery, wisdom, luxury, and spiritual depth. In modern UI design, it appears frequently in creative platforms, AI products, and luxury brands. CSS `purple` is #800080 (a darker shade). Platforms like Twitch and Discord have made purple central to tech culture, popularizing it among younger audiences.