Amethyst

#9966CC

What color is Amethyst?

Amethyst is a medium purple with a cool, slightly blue-violet tone, hex #9966CC, close to the color of an amethyst gemstone. It is lighter than deep plum but richer than lavender, with a soft glow that keeps it from reading as gray.

What is the meaning of the color Amethyst?

Ancient Greeks believed amethyst prevented intoxication, and by the 1st century AD the stone gave its name to this shade of purple. For centuries, purple dyes were reserved for royalty and clergy across Europe and the Middle East due to their scarcity and cost. When synthetic dyes became available in the 19th century, purple moved into wider use, and amethyst as a distinct color name entered formal English records by the late 1800s. The Pantone Color Institute named Radiant Orchid, a close relative of amethyst, its Color of the Year for 2014, anchoring the shade firmly in contemporary design language.

RGB
153, 102, 204
HSL
270°, 50%, 60%
CMYK
25, 50, 0, 20
HSV
270°, 50%, 80%
Amethyst color

What colors go with Amethyst?

Colors that pair well with Amethyst include:
Soft Gold: warm, glowing contrast
Charcoal Gray: grounding, elegant depth
Dusty Rose: gentle, tonal softness
Forest Green: cool, earthy balance
Cream: light, clean contrast

Similar Colors

Conversions & Codes

Format Value CSS
HEX #9966CC color: #9966CC;
RGB 153, 102, 204 color: rgb(153, 102, 204);
RGB Percentage 60%, 40%, 80% color: rgb(60%, 40%, 80%);
CMYK 25%, 50%, 0%, 20% Not supported in CSS
HSL 270°, 50%, 60% color: hsl(270, 50%, 60%);
HSV 270°, 50%, 80% Not supported in CSS
CIE-LAB 48, 10, -34 color: lab(48% 10 -34);
Decimal 10053324 Not supported in CSS

Color Variations

Shades

#9966CC
#8A4FC4
#7A3DB8
#6B36A1
#5C2E8A
#4D2673
#3D1F5C
#2E1745

Tints

#E0D1F0
#D6C2EB
#CCB3E6
#C2A3E0
#B894DB
#AD85D6
#A375D1
#9966CC

Tones

#9966CC
#996BC7
#9970C2
#9975BD
#997AB8
#9980B3
#9985AD
#998AA8

Hues

#9966CC
#CC66B3
#CC6666
#CCB366
#99CC66
#66CC80
#66CCCC
#6680CC

Color Harmonies

Analogous

#6666CC
Click to copy
#9966CC
Click to copy
#CC66CC
Click to copy

Complementary

#9966CC
Click to copy
#99CC66
Click to copy

Split Complementary

#9966CC
Click to copy
#CCCC66
Click to copy
#66CC66
Click to copy

Triadic

#9966CC
Click to copy
#CC9966
Click to copy
#66CC99
Click to copy

Tetradic

#9966CC
Click to copy
#CC6666
Click to copy
#99CC66
Click to copy
#66CCCC
Click to copy

Square

#9966CC
Click to copy
#CC6666
Click to copy
#99CC66
Click to copy
#66CCCC
Click to copy

CSS & Dev Snippets

CSS
.amethyst {
  color: #9966CC;
}
SCSS
$amethyst: #9966CC;
RGB
rgb(153, 102, 204)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags