Skip to the color picker

Amethyst color: #9966cc

Amethyst is #9966cc, rgb(153, 102, 204) in RGB and oklch(60.762% 0.15608 305.324) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

270°
100%

60.8%
0.156
305°
  • Purple
  • Medium
  • Soft
  • Neutral
  • violet-500
  • Black 20%

Inside sRGB: displays the same on any screen.

White text
4.10:1Hard to read
Lc -73
Black text
5.13:1Readable · AA
Lc 36

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Palettes with Amethyst

Similar named colors

Questions about Amethyst

What is the hex code for Amethyst?

The hex code for Amethyst is #9966cc. In RGB it is rgb(153, 102, 204), in HSL hsl(270, 50%, 60%) and in OKLCH oklch(60.762% 0.15608 305.324).

What colors go well with Amethyst?

Its complementary color is #6d9100. For a calmer look, pair it with the analogous colors #6a77de and #b959a7. Ready palettes with Amethyst are shown on this page.

Is Amethyst a warm or cool color?

Amethyst is a neutral color with an OKLCH hue of 305 degrees.

What text color is readable on Amethyst?

White text is more readable on Amethyst: white gives a contrast ratio of 4.1:1 and black gives 5.13:1. WCAG AA asks for at least 4.5:1 for body text.

About #9966cc

#9966cc is a soft purple color. In OKLCH it has 60.8% lightness, 0.156 chroma and a hue of 305°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.1:1 contrast and black text 5.13:1, so white text reads better.

The closest named color is Amethyst (#9966cc). In Tailwind CSS the closest color is violet-500.

More medium purple colors

Lighter: #9966cc mixed with white

  1. 9966cc

Darker: #9966cc mixed with black

  1. 9966cc

Calmer: #9966cc with less saturation

  1. 9966cc

Similar named colors

Colors that go with #9966cc

Complementary
#9966cc
Analogous
#9966cc
Triadic
#9966cc
Split
#9966cc