Purple Color — HEX, RGB, HSL, Palettes & Contrast

Purple (#800080): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#800080
HEX #800080
RGB rgb(128, 0, 128)
HSL 300°, 100%, 25%

Use Purple in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About Purple Color

Purple has long been associated with royalty, luxury, and creativity. It adds a sophisticated, premium feel to designs and is popular in beauty tech.

Use Cases for Purple

luxury brandingbeauty productscreative toolsspiritual themespremium badges

Shades & Tints of Purple

#ffffff
#dfbfdf
#c080c0
#a040a0
#800080
#600060
#400040
#200020
#000000

Complementary Color

#800080
#008000

Analogous Colors

#400080
#800080
#800040

Triadic Colors

#800080
#808000
#008080

Split Complementary

#800080
#408000
#008040

Tetradic Colors

#800080
#800000
#008000
#008080

CSS Code

.purple-color {
  color: #800080;
  background-color: #800080;
}

/* As a CSS custom property */
:root {
  --color-purple: #800080;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Purple
Ratio: 2.23:1 ✗ Fails AA ✗ Fails AAA
White text on Purple
Ratio: 9.42:1 ✓ Passes AA ✓ Passes AAA

Related Colors

Violet
Indigo
Orchid
Plum
MediumPurple

Related Tools

Frequently Asked Questions

What color is Purple?

Purple is represented by the hex code #800080 and has RGB values of rgb(128, 0, 128). It falls under the Purple category.

How to use Purple in web design?

Purple works well for luxury branding, beauty products, creative tools. Purple has long been associated with royalty, luxury, and creativity. It adds a sophisticated, premium feel to designs and is popular in beauty tech. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Purple?

Colors that pair well with Purple include violet, indigo, orchid, plum, mediumpurple. For a complementary scheme, try #008000. For an analogous scheme, use #400080 and #800040. For a triadic scheme, combine with #808000 and #008080.