- No data uploaded
- Instant results
Purple — #800080
Purple is the CSS named colour purple, hex #800080. It has a contrast ratio of 9.42:1 on white and 2.23:1 on black — readable as text on white backgrounds (WCAG AA).
Purple — #800080
Contrast on white 9.42:1 · on black 2.23:1
Tints
Shades
Complementary
Triadic
Analogous
Using Purple in code
CSS: color: purple; or color: #800080; · Tailwind: text-[#800080] · Android/Flutter: 0xFF800080
Purple colour harmonies
Complementary: #008000 · Triadic: #808000, #008080 · Analogous: #400080, #800040. Use tints for backgrounds and shades for hover states.
Purple in every colour format
| Format | Value |
|---|---|
| HEX | #800080 |
| RGB | rgb(128, 0, 128) |
| HSL | hsl(300, 100%, 25%) |
| HSV | hsv(300, 100%, 50%) |
| CMYK | cmyk(0%, 100%, 0%, 50%) |
| CSS name | purple |
| Contrast on white | 9.42:1 |
| Contrast on black | 2.23:1 |
Frequently asked questions
What is the hex code for Purple?
#800080 (CSS name: purple).
What is Purple in RGB?
rgb(128, 0, 128)
What colour goes well with Purple?
Its complementary colour #008000, or the analogous #400080 and #800040.