#800080
Purple
Purple has historically been associated with royalty, nobility, and luxury because purple dye was extremely expensive to produce. It blends the energy of red with the calm of blue.
Purple Color Values
HEX#800080
RGB128, 0, 128
HSL300°, 100%, 25%
HSV300°, 100%, 50%
CMYK0%, 100%, 0%, 50%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #003D83 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #324B7E (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #842249 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #555555 (~0.003% of population)
Purple as Text Color
Purple on White
9.4:1AAA
Purple on Light Gray
8.6:1AAA
Purple on Cream
8.9:1AAA
Purple on Dark
1.8:1FAIL
Purple on Black
2.2:1FAIL
Purple on Soft Blue
8.2:1AAA
Purple on Soft Green
8.4:1AAA
Purple on Soft Pink
7.8:1AAA
Nearest Tailwind Class
purple-700
#7E22CE
Nearest Pantone Match
Pantone 2603 C
#702F8A
CSS Variable Export
:root {
--color-purple: #800080;
--color-purple-rgb: 128, 0, 128;
}Tailwind Config
// tailwind.config.js
colors: {
'purple': '#800080',
}Shades of Purple
#80007F
#700070
#610061
#570057
#470047
#380038
#290029
#1F001F
#0F000F
#000000
Tints of Purple
#80007F
#A800A8
#D600D6
#FF00FF
#FF29FF
#FF57FF
#FF80FF
#FFA8FF
#FFD6FF
#FFFFFF
Color Harmonies
Complementary
#800080
#008000
Analogous
#400080
#80007F
#800040
Triadic
#80007F
#7F8000
#007F80
Purple Text Preview
Heading in Purple
Body text in Purple. The quick brown fox jumps over the lazy dog.
White on Purple
Body text on a Purple background.
Purple text on dark background
Contrast: 1.9:1