Purple color

Amethyst #9966CC

#9966CC · rgb(153, 102, 204)

Amethyst is the color #9966CC. In RGB it is rgb(153, 102, 204) — 60% red, 40% green and 80% blue. Its CMYK breakdown is 25% cyan, 50% magenta, 0% yellow and 20% black, and in HSL it sits at 270° hue, 50% saturation and 60% lightness. Amethyst is not a standard CSS color name; the nearest web color is Medium Purple (#9370DB). The closest web-safe color is #9966CC.

Amethyst color codes

Hex#9966CC
RGBrgb(153, 102, 204)
RGB %60%, 40%, 80%
HSLhsl(270, 50%, 60%)
HSV / HSBhsv(270, 50%, 80%)
CMYKcmyk(25%, 50%, 0%, 20%)
OKLCHoklch(61% 0.156 305)
Closest web-safe#9966CC

Amethyst color meaning

Amethyst is a balanced and versatile purple — a cool color at 60% lightness and 50% saturation. Like other purples, it is linked with creativity, luxury and imagination. Rare and expensive to dye for most of history, it still suggests royalty, mystery and individuality.

Because it is balanced and versatile, amethyst works best for brand colors, illustration, furnishings and accents. As text on white it would be too faint (4.1:1), so use it for fills and backgrounds and put black text on top (5.1:1).

What colors go with Amethyst?

Amethyst pairs well with Yellow Green, Slate Blue, Orchid and Charcoal: Yellow Green sits close to its opposite on the color wheel for strong contrast, Slate Blue and Orchid are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around amethyst in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Amethyst at a glance

Color familyPurple · cool, balanced and versatile
CSS color nameNo — nearest keyword is Medium Purple (#9370DB)
As text on white4.10:1 — large text only
Best text on itBlack (5.13:1)
For print (CMYK)25% cyan, 50% magenta, 0% yellow, 20% black
Full screenOpen the amethyst screen — fill your display or download it in 4K

Contrast

Contrast ratio of Amethyst against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 4.10:1 Black text — 5.13:1

Shades, tints & tones

Shades — toward black
Tints — toward white
Tones — toward gray

Color harmonies

Complementary
Analogous
Split-complementary
Triadic
Tetradic
Square
Rainbow

Colors similar to Amethyst

Amethyst color FAQ

What is the hex code for Amethyst?

Amethyst is #9966CC, which is rgb(153, 102, 204) and hsl(270, 50%, 60%). For print it is roughly C25 M50 Y0 K20.

What colors go with Amethyst?

Amethyst pairs well with Yellow Green, Slate Blue, Orchid, Charcoal. Yellow Green gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Amethyst a warm or cool color?

Amethyst is a cool color: its hue is 270°, on the green, blue and violet side of the color wheel.

What text color looks best on Amethyst?

Black text, with a contrast ratio of 5.1:1, which meets WCAG AA for normal text.