Purple

#9D00FF

What color is Purple?

Purple is a rich, cool color that blends red and blue into a deep, slightly dark hue, hex #9D00FF, similar in tone to a ripe plum. It has a vivid, almost electric quality that sets it apart from softer lavender shades.

What is the meaning of the color Purple?

Ancient Phoenician traders produced a purple dye from murex sea snails along the coast of Tyre, a process so costly that by the 1st century BC Roman law restricted the color to emperors and senior officials. The dye, known as Tyrian purple, required thousands of snails to produce a single gram of pigment. Synthetic purple became accessible only after William Henry Perkin accidentally created the first aniline dye, mauveine, in 1856. Cadbury adopted purple for its Dairy Milk chocolate packaging in 1914, and the color has been associated with the brand ever since.

RGB
157, 0, 255
HSL
277°, 100%, 50%
CMYK
38, 100, 0, 0
HSV
277°, 100%, 100%
Purple color

What colors go with Purple?

Colors that pair well with Purple include:
Gold: rich, warm contrast
White: clean, bright balance
Navy: deep, cool harmony
Silver: cool, elegant complement
Green: fresh, natural contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #9D00FF color: #9D00FF;
RGB 157, 0, 255 color: rgb(157, 0, 255);
RGB Percentage 62%, 0%, 100% color: rgb(62%, 0%, 100%);
CMYK 38%, 100%, 0%, 0% Not supported in CSS
HSL 277°, 100%, 50% color: hsl(277, 100%, 50%);
HSV 277°, 100%, 100% Not supported in CSS
CIE-LAB 40, 31, -85 color: lab(40% 31 -85);
Decimal 10289407 Not supported in CSS

Color Variations

Shades

#9D00FF
#8E00E6
#7E00CC
#6E00B3
#5E0099
#4F0080
#3F0066
#2F004D

Tints

#E2B3FF
#D899FF
#CE80FF
#C466FF
#BB4DFF
#B133FF
#A71AFF
#9D00FF

Tones

#9D00FF
#9A0DF2
#971AE6
#9426D9
#9133CC
#8E40BF
#8B4DB3
#8859A6

Hues

#9D00FF
#FF00A2
#FF1E00
#FFDD00
#62FF00
#00FF5E
#00E1FF
#0022FF

Color Harmonies

Analogous

#1E00FF
Click to copy
98%
#9D00FF
Click to copy
#FF00E1
Click to copy

Complementary

#9D00FF
Click to copy
#62FF00
Click to copy

Split Complementary

#9D00FF
Click to copy
#E1FF00
Click to copy
#00FF1E
Click to copy
99%

Triadic

#9D00FF
Click to copy
#FF9D00
Click to copy
#00FF9D
Click to copy

Tetradic

#9D00FF
Click to copy
#FF1E00
Click to copy
98%
#62FF00
Click to copy
#00E1FF
Click to copy

Square

#9D00FF
Click to copy
#FF1E00
Click to copy
98%
#62FF00
Click to copy
#00E1FF
Click to copy

CSS & Dev Snippets

CSS
.purple {
  color: #9D00FF;
}
SCSS
$purple: #9D00FF;
RGB
rgb(157, 0, 255)

Accessibility & Contrast

White background

5.42:1
5.42
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.88:1
3.88
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags