purple

#800080

CSS color

Purple (#800080) is the classic CSS purple — equal parts CSS red and blue, producing a medium-dark, vibrant violet-purple. Purple has carried royal, spiritual, and magical associations across cultures for millennia, historically derived from the rare Tyrian dye extracted from sea snails. Today CSS purple serves as a versatile, universally recognized "purple" in web design, from brand identities to UI accent colors.

Color Values

HEX

#800080

RGB

128, 0, 128

HSL

300.0, 100.0%, 25.1%

HSV

300.0, 100.0%, 50.2%

CMYK

0.0%, 100.0%, 0.0%, 49.8%

OKLCH

0.4209 0.1935 328.4

Properties

Color Psychology

Dark magentas convey intensity, sensuality, and sophisticated allure. They combine the depth of purple with the energy of red, creating a rich emotional impact. These hues feel dramatic and confident, suggesting artistic mastery and creative depth.

Design Usage

Dark magentas add drama and sophistication to event branding and entertainment platforms. They work well in gradient transitions from dark to vibrant for immersive hero sections. Pair with dark backgrounds and bright accents for theatrical, high-contrast compositions.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #800080;
color: #800080;
border-color: #800080;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

Contrast Checker

Text on white

9.42:1

AA Pass AAA Pass

Text on black

2.23:1

AA Fail AAA Fail

Compare With

Part of These Collections

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #800080?

RGB(128, 0, 128) · HSL(300.0, 100.0%, 25.1%) · CMYK(0.0%, 100.0%, 0.0%, 49.8%)

Does #800080 meet WCAG contrast on white?

9.42:1 — WCAG AA Pass, AAA Pass for normal text.

What text color is readable on #800080?

Use FFFFFF text on a #800080 background; contrast on black is 2.23:1.