Color code and palette
Shades of Purple
Purple spans delicate lavender, saturated violet and dark plum. It can feel imaginative, premium or unconventional depending on saturation and is especially effective with restrained neutral surfaces.
Purple
#A855F7
Color formats
The same base color in common web formats.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Lavender Blush | #FAF5FF | 250, 245, 255 | 270, 100%, 98% | ||
| Lavender Light | #F3E8FF | 243, 232, 255 | 269, 100%, 95% | ||
| Lavender | #E9D5FF | 233, 213, 255 | 269, 100%, 92% | ||
| Wisteria | #D8B4FE | 216, 180, 254 | 269, 97%, 85% | ||
| Orchid | #C084FC | 192, 132, 252 | 270, 95%, 75% | ||
| Purple | #A855F7 | 168, 85, 247 | 271, 91%, 65% | ||
| Violet | #9333EA | 147, 51, 234 | 271, 81%, 56% | ||
| Amethyst | #7E22CE | 126, 34, 206 | 272, 72%, 47% | ||
| Grape | #6B21A8 | 107, 33, 168 | 273, 67%, 39% | ||
| Plum | #581C87 | 88, 28, 135 | 274, 66%, 32% | ||
| Fuchsia Light | #FDF4FF | 253, 244, 255 | 289, 100%, 98% | ||
| Fuchsia Pale | #FAE8FF | 250, 232, 255 | 287, 100%, 95% | ||
| Fuchsia | #F5D0FE | 245, 208, 254 | 288, 96%, 91% | ||
| Pink Magenta | #F0ABFC | 240, 171, 252 | 291, 93%, 83% | ||
| Magenta | #E879F9 | 232, 121, 249 | 292, 91%, 73% | ||
| Hot Pink | #D946EF | 217, 70, 239 | 292, 84%, 61% | ||
| Deep Magenta | #C026D3 | 192, 38, 211 | 293, 69%, 49% | ||
| Purple Red | #A21CAF | 162, 28, 175 | 295, 72%, 40% | ||
| Berry | #86198F | 134, 25, 143 | 295, 70%, 33% | ||
| Dark Purple | #701A75 | 112, 26, 117 | 297, 64%, 28% |
CSS keyword: purple
In CSS you can write it as the keyword purple.
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 3.96:1
AA · Large text
Aa Black text 5.31:1
AA
Ways to use Purple
Creative and premium branding
Feature highlights and gradients
Beauty, culture and entertainment products
Colors that go with Purple
Color-wheel harmonies built from #A855F7. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.