Purple Color Codes (Shades of Purple)
Violet, indigo, plum, orchid, amethyst, eggplant, lilac, lavender, rebeccapurple and more shades of purple with HEX, RGB, HSL and CMYK codes.
Purple sits between red and blue, from pale lavender and lilac to deep eggplant and Tyrian purple. This page lists 36 named purples and violets — the 16 CSS names such as rebeccapurple, indigo, orchid and plum, plus amethyst, lilac, wisteria, mauve, byzantium and more — with HEX, RGB, HSL, CMYK and OKLCH codes, tints and shades, complements and readable text colors.
How to use this tool
- Pick a shade of purple or violet.
- Copy the HEX, RGB, HSL or CMYK code.
- Take lighter tints for backgrounds and darker shades for text.
- Compare all purples in the table or download the chart.
Formula
tint = c + (255 − c) × p · shade = c × (1 − p) · complement = HSL hue + 180°
Purples have hues of roughly 260°–300° in HSL, so their complements are yellow-greens. Names outside CSS follow common reference values.
Example
Rebecca purple (rebeccapurple) is #663399 = rgb(102, 51, 153) = hsl(270, 50%, 40%). Its complement at hue 90° is the olive green #669933 — again the same channel values, rearranged.
Frequently asked questions
What is the difference between purple and violet?
Violet is a spectral color — light of about 380–450 nm, at the blue end of the rainbow. Purple is not in the spectrum; it is a mix of red and blue light. Screens make both from red and blue, so the names overlap; CSS "violet" (#EE82EE) is actually a light pinkish purple.
Why is CSS "purple" darker than "violet"?
CSS purple is #800080, half-intensity red and blue, while violet (#EE82EE) and orchid (#DA70D6) are much lighter. The names come from older color lists, not from the spectrum.
Is indigo blue or purple?
CSS indigo (#4B0082) is a deep blue-purple. Newton's rainbow indigo sat between blue and violet, which is why both groups claim it.
Sources
Last updated:
Page address with these inputs: https://kakao.mobile/tools/purple-color-code/
Cite or embed this tool
kakaoCalc. (2026, November 8). Purple Color Codes (Shades of Purple). https://kakao.mobile/tools/purple-color-code/
“Purple Color Codes (Shades of Purple).” kakaoCalc, 8 Nov. 2026, kakao.mobile/tools/purple-color-code/.
Paste this code into your page. The widget runs in your visitors' browsers, shows no ads and keeps a link back to this page. Embedding terms