colorcodekit

Color Codes › Shades of Purple

Shades of purple

Q: What are the shades of purple?

Shades of purple are made by mixing purple with black, producing progressively darker versions. Tints mix with white for lighter versions, and tones mix with grey for muted versions.

Q: What is the hex code for purple?

A common purple is #A855F7 (rgb(168, 85, 247)), but purple spans a whole range — see the full set of shades and tints on this page.

A full palette of purple — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.

#A855F7

Shades of purple

Purple mixed with black — darker and deeper.

#A855F7

rgb(168, 85, 247)

#994DE1

rgb(153, 77, 225)

#8946CA

rgb(137, 70, 202)

#7A3EB4

rgb(122, 62, 180)

#6B369D

rgb(107, 54, 157)

#5C2E87

rgb(92, 46, 135)

#4C2770

rgb(76, 39, 112)

#3D1F5A

rgb(61, 31, 90)

#2E1743

rgb(46, 23, 67)

#1F0F2D

rgb(31, 15, 45)

#0F0816

rgb(15, 8, 22)

#000000

rgb(0, 0, 0)

Tints of purple

Purple mixed with white — lighter and softer.

#A855F7

rgb(168, 85, 247)

#B064F8

rgb(176, 100, 248)

#B874F8

rgb(184, 116, 248)

#C083F9

rgb(192, 131, 249)

#C893FA

rgb(200, 147, 250)

#D0A2FB

rgb(208, 162, 251)

#D7B2FB

rgb(215, 178, 251)

#DFC1FC

rgb(223, 193, 252)

#E7D1FD

rgb(231, 209, 253)

#EFE0FE

rgb(239, 224, 254)

#F7F0FE

rgb(247, 240, 254)

#FFFFFF

rgb(255, 255, 255)

Tones of purple

Purple mixed with grey — muted and subtle.

#A855F7

rgb(168, 85, 247)

#A459EC

rgb(164, 89, 236)

#A15DE1

rgb(161, 93, 225)

#9D61D7

rgb(157, 97, 215)

#9965CC

rgb(153, 101, 204)

#9669C1

rgb(150, 105, 193)

#926CB6

rgb(146, 108, 182)

#8F70AB

rgb(143, 112, 171)

#8B74A0

rgb(139, 116, 160)

#877896

rgb(135, 120, 150)

#847C8B

rgb(132, 124, 139)

#808080

rgb(128, 128, 128)

Shades, tints and tones explained

Starting from a base purple (#A855F7), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent purple palette — useful for hover states, backgrounds, borders and accessible text.

Want a different starting purple? Open the colour picker, choose your exact purple, and it will generate fresh shades and tints, or convert any of the codes above to OKLCH, HSL or CMYK.

What are the shades of purple?

Purple mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.

What is the hex code for purple?

A common purple is #A855F7, but purple spans the whole range shown above.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →

Pick visually, get every code.

Converter →

Convert between any formats.

Contrast Checker →

WCAG AA/AAA pass-fail.

Named Colors →

All 140 CSS colours.