Amethyst
#9966CCAmethyst is #9966CC, rgb(153, 102, 204). Short form: #96C, the exact same color.
About Amethyst
Amethyst is the hex color #9966CC, which translates to rgb(153, 102, 204) in RGB and hsl(270, 50%, 60%) in HSL. On the color wheel it sits at 270 degrees, with a saturation of 50 percent and a lightness of 60 percent. That combination puts Amethyst in the workable middle of the purple family, neither pastel nor fully saturated.
How Amethyst compares
The closest standard CSS keyword is mediumpurple (#9370DB), a CIE76 distance of 6.3 away in CIELAB. That is a visible difference, so the keyword is not a substitute here. In the Tailwind CSS 4.3.1 palette the nearest token is violet-400 (#A684FF), at a distance of 15.7. Inside this library the closest neighbour is Medium Purple at 6.3. Sorted by lightness, Amethyst is number 17 of the 31 purple colors here.
Text on Amethyst
One of the five common text colors below clears WCAG AA for normal text on Amethyst, led by Ink black at 4.67:1. The ratios are computed with the WCAG relative luminance formula, the same one the contrast checker uses, which opens with Amethyst already loaded as the background.
| Text color | Ratio | AA normal | AA large | AAA normal |
|---|---|---|---|---|
| White #FFFFFF | 4.10:1 | Fail | Pass | Fail |
| Ink black #0F0F12 | 4.67:1 | Pass | Pass | Fail |
| Mid grey #6B7280 | 1.18:1 | Fail | Fail | Fail |
| Dark grey #374151 | 2.52:1 | Fail | Fail | Fail |
| Light grey #E5E7EB | 3.31:1 | Fail | Pass | Fail |
Building a palette around Amethyst
The pairings above give you three classic starting points. The complementary color sits opposite on the wheel and works well as an accent that draws the eye. The analogous colors sit right beside Amethyst for calmer, harmonious combinations. The triadic pair spaces three hues evenly for a balanced, energetic palette. Open any swatch to explore it as its own color, or open the palette generator with Amethyst locked and let it fill in the rest.
Full values for Amethyst
| Format | Value |
|---|---|
| HEX | #9966CC |
| RGB | rgb(153, 102, 204) |
| HSL | hsl(270, 50%, 60%) |
| HSV | hsv(270, 50%, 80%) |
| CMYK | cmyk(25%, 50%, 0%, 20%) |
| OKLCH | oklch(60.76% 0.1561 305.32) |
| CIELAB | lab(52.55 40.31 -45.40) |
Frequently asked questions
What is the RGB value of Amethyst?
Amethyst (#9966CC) is rgb(153, 102, 204): 153 red, 102 green and 204 blue on the 0 to 255 scale. Blue leads at 204, red follows at 153 and green trails at 102, which puts the hue at 270 degrees. In HSL the same color is hsl(270, 50%, 60%).
What colour is #9966CC?
#9966CC is Amethyst, a mid purple colour with a hue of 270 degrees, 50% saturation and 60% lightness. For print the CMYK breakdown is 25% cyan, 50% magenta, 0% yellow and 20% black. Its nearest neighbour in this library is Medium Purple, 6.3 away in CIELAB, a difference you can see.
Is Amethyst a CSS color name?
No. Amethyst is not one of the 148 CSS named colors, so write it as #9966CC. The nearest keyword is mediumpurple (#9370DB), a CIE76 distance of 6.3: a visible difference, so the keyword is only a rough stand-in.
Is #96C the same as #9966CC?
Yes. In a 3-digit hex code every digit is doubled, so #96C expands to #9966CC, which is Amethyst. Browsers render both identically; the short form only saves three characters.
What colors go with Amethyst?
Opposite Amethyst on the color wheel sits the complementary #99CC66, the boldest accent by hue. For a calmer scheme use the analogous neighbours #6666CC and #CC66CC (close to Orchid); for a balanced three-color scheme use the triadic pair #CC9966 and #66CC99. Of these, #99CC66 has the most contrast against Amethyst, at 2.18:1, so pair it by hue, not for legibility.
What text color is readable on Amethyst?
Ink black (#0F0F12) is the most readable on Amethyst, at 4.67:1, which clears WCAG AA (4.5:1) but not AAA. 1 of the 5 common text colors tested passes AA for normal text.
Use Amethyst in a tool
Nearby colors
Last updated by FusionStudios. Every value on this page is computed by the same functions the tools use. How this is calculated.