Purple hex code
The hex code for purple is #800080. In RGB that is rgb(128, 0, 128) and in HSL it is hsl(300, 100%, 25%).
The hex code for purple is #800080. In RGB that is rgb(128, 0, 128) and in HSL it is hsl(300, 100%, 25%).
Purple · #800080
Colour codes
- HEX
- #800080
- RGB
- rgb(128, 0, 128)
- HSL
- hsl(300, 100%, 25%)
- CMYK
- 0, 100, 0, 50
- CSS name
- purple
- Contrast on white
- 9.42:1
- Contrast on black
- 2.23:1
Tints and shades
20% lighter · #993399
40% lighter · #b366b3
60% lighter · #cc99cc
80% lighter · #e6cce6
20% darker · #660066
40% darker · #4d004d
60% darker · #330033
80% darker · #1a001a
Complementary colour
Purple · #800080
Opposite on the colour wheel · #008000
Frequently asked questions
What is the hex code for purple?
The hex code for purple is #800080. In RGB that is rgb(128, 0, 128) and in HSL it is hsl(300, 100%, 25%).
Can I use purple for text?
It has a contrast ratio of 9.42:1 on white and 2.23:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with purple?
Its complementary colour, opposite on the colour wheel, is #008000. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of purple instead.
Is purple a CSS colour name?
Yes. CSS accepts the keyword purple, so color: purple and color: #800080 render exactly the same.