Purple color values
| Format | Value |
|---|---|
| Hex | #800080 |
| RGB | rgb(128, 0, 128) |
| HSL | hsl(300, 100%, 25%) |
| HSV | 300, 100%, 50% |
| CMYK (simple conversion) | 0%, 100%, 0%, 50% |
| Decimal | 8388736 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Purple
A deep mix of red and blue historically linked to royalty and wealth. Modern designers use it for creative agencies, spiritual brands, and premium product interfaces. It carries strong associations with imagination, mystery, and luxury across many cultures. It is one of the 148 CSS named colors.
Shades and tints of Purple
Tints mix Purple with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #8D1A8D | #730073 |
| 20% | #993399 | #660066 |
| 30% | #A64DA6 | #5A005A |
| 40% | #B366B3 | #4D004D |
| 50% | #C080C0 | #400040 |
Color harmony for Purple
These colors keep the same saturation and lightness as Purple and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #008000 |
| Analogous | #400080 #800040 |
| Triadic | #808000 #008080 |
| Split complementary | #408000 #008040 |
Contrast and accessibility
Contrast between #800080 and white is 9.42:1 (passes AAA). Against black it is 2.23:1 (fails). For text on a Purple background, white text is the more readable choice.
Use Purple in CSS
.element {
color: purple;
background-color: #800080;
border-color: rgb(128 0 128);
outline-color: hsl(300 100% 25%);
}All four lines produce exactly the same color. The keyword purple is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Dark Magenta: #8B008B
- Indigo: #4B0082
- rebeccapurple: #663399
- mediumvioletred: #C71585
FAQ
What is the hex code for Purple?
The hex code for Purple is #800080. As a CSS color keyword you can also write purple.
What is Purple in RGB?
Purple is rgb(128, 0, 128): red 128, green 0, blue 128 on the 0 to 255 scale.
What color is closest to Purple?
Of the CSS named colors, darkmagenta (#8B008B) is the closest match to Purple, followed by indigo and rebeccapurple.
More colors
- Powder Blue: previous page
- Red: next page
- CSS named colors: the full list