Recolorify
Sign inStart free →
DESIGN10 min read· Jun 22, 2026

The Ultimate Guide to Purple Color Codes, Hex Codes, and Shades of Purple

Purple is the color of creativity, luxury, and imagination — it anchors beauty, wellness, premium tech, and entertainment brands. It blends the energy of red with the calm of blue, which makes it both eye-catching and sophisticated. Whether you are a web designer matching co-brand assets, an e-commerce manager building variant listings, or a developer wiring up a design system, color codes are your shared language. In this guide we break down the hex codes, RGB coordinates, and LAB parameters for the most popular shades of purple, with practical tips on recoloring assets into these exact tones without quality loss.

The Ultimate Guide to Purple Color Codes, Hex Codes, and Shades of Purple

The core purples and their codes

Interactive Purple Swatch Grid

Click any swatch to copy its Hex code to your clipboard and view its RGB/HSL conversions.

Pure purple

HSL(300°, 100%, 25%) — the classic web purple.

Selected color: #800080

Purple in RGB, HSL, and CMYK

A hex code is a compact RGB triplet, so #800080 and RGB(128, 0, 128) are the same web purple. When matching CSS, print, or design tools, the other notations help.

For web purple #800080: RGB(128, 0, 128), HSL(300°, 100%, 25%), CMYK(0%, 100%, 0%, 50%). For violet #7F00FF: RGB(127, 0, 255), HSL(270°, 100%, 50%), CMYK(50%, 100%, 0%, 0%). Purple sits between red and blue, so tiny shifts read as "warmer" or "cooler".

Why hex alone isn't enough for recoloring

A hex code defines a target color, but it says nothing about lightness. When you recolor a plum dress to lavender with a flat RGB swap, you flatten the fabric's folds and shadows along with the hue — and the result looks fake.

This is why perceptually-uniform spaces matter. LAB separates lightness (the L channel — folds, highlights, shadows) from the color itself (A and B). Recoloring in LAB lets you hit an exact purple hex while every shadow and texture detail of the original survives. The same logic applies to OKLCH, which keeps perceived lightness constant as you shift hue.

Matching brand purples across assets

Purple sits between red and blue, so it drifts toward either neighbor as it passes through compression and ad-hoc edits — a logo purple and a product-photo purple that started identical can end up one bluer, one redder. Define each brand purple once — with a name, a hex, and a use case — and recolor every asset to that exact value rather than eyeballing it.

With Recolorify you can paste an exact purple hex and recolor a logo, a product photo, or a garment to match it precisely, keeping texture intact. See also our guides to blue color codes and pink color codes.

Best color pairings for purple

  • Purple + gold (#D4AF37) — luxurious and regal for premium and beauty brands.
  • Purple + white (#FFFFFF) — clean and modern for tech and wellness.
  • Purple + mint (#98FF98) — fresh and creative for lifestyle and youth.
  • Purple + grey (#9CA3AF) — sophisticated and calm for premium tech.
  • Purple + blush pink (#FADADD) — soft and elegant for beauty and events.

Frequently asked questions about purple color codes

What is the hex code for purple? The pure CSS keyword "purple" is #800080. For a brighter look, violet #7F00FF and magenta #FF00FF are common.

What is the RGB code for purple? Web purple is RGB(128, 0, 128); violet is RGB(127, 0, 255).

What is the difference between violet and indigo? Violet (#7F00FF) is brighter and more red-purple; indigo (#4B0082) is deeper and more blue.

What is the hex code for lavender? Lavender is #E6E6FA — a very pale, soft purple used for calm interfaces.