Color family

Purple Colors: Names, HEX Codes & Shades

Purple covers hue angles of roughly 255° to 315°, between blue and pink. The family includes indigo, violet, plum, orchid, magenta and the deep, dark purples. The family URLs for violet, magenta and lavender lead to this page.

Purple is usually dark enough for white text: the CSS color purple (#800080) has 9.41:1 contrast with white and indigo (#4B0082) 12.95:1. Light tints such as violet and orchid are the reverse and read better with dark text. Open any color to see its exact ratios.

Purple colors at a glance

73purple colors in the library
51%average HSL lightness
72%average HSL saturation
49%reach 4.5:1 contrast with white text
52%reach 4.5:1 contrast with black text
Extremes among purple colors
ExtremeColorHEXHSL
Lightest Pale Mauve #FED0FChsl(303, 96%, 91%)
Darkest Very Dark Purple #2A0134hsl(288, 96%, 10%)
Most saturated Vivid Purple #9900FAhsl(277, 100%, 49%)
Least saturated Dusty Purple #825F87hsl(293, 17%, 45%)

Using purple colors

  • Creative, entertainment and event designs, where a purple gives a distinctive look.
  • Gradients, where purple blends smoothly into blue or pink.
  • Backgrounds and buttons with white text, using a deep purple.
  • Accents next to yellow, which sits opposite purple on the color wheel.

Purple and blue can look alike to people with red-green color blindness. Do not let that be the only difference between two states.

Very saturated purples can vibrate next to bright backgrounds. Soften one of the two, or add a thin neutral border.

All 73 purple colors

More families