Amethyst
A bold, high-intensity cool purple hue
Amethyst is a bold, saturated purple that demands attention. With its high intensity and cool undertones, this hue works best as an accent rather than a full background. It pairs exceptionally well with muted slate grays or deep charcoal for a sophisticated contrast. Since black text provides excellent readability at 5.1:1, the hex code #9966cc is a reliable choice for buttons or UI highlights.
About Amethyst
Stage light haze over a velvet curtain
What does amethyst mean?
Commonly linked to creativity, luxury, and flamboyance, it often signals playful confidence more than solemn royalty. Mid-tone and strongly saturated, it comes across as loud and upfront, carrying more energy than deeper violets.
Where you see amethyst
- amethyst gemstones
- lilac blooms
- grape soda
- velvet curtains
- crocus petals
- grape candy
What it works for
Use it for bold accents, event branding, packaging, and gradient art where a bright purple should lead.
What colors go with amethyst?
Chartreuse #c1f80aIts bright yellow-green opposite makes both colors read louder without muddying either one.Mustard #ffdb58Warm yellow matches the saturation but counters the cool base with heat.Charcoal #36454fNear-black grounds the brightness, so the purple reads rich instead of neon.Peach #ffe5b4Soft warm peach sits close in lightness, keeping the pairing friendly and bright.
Questions about Amethyst
What is the hex code for Amethyst?
Amethyst is #9966cc. In RGB that is rgb(153, 102, 204), in HSL hsl(270, 50%, 60%) and in CMYK 25%, 50%, 0%, 20%.
Does #9966cc work well with dark backgrounds?
Because #9966cc has high intensity, it can feel lost on dark surfaces. For maximum impact and accessibility, pair it with charcoal or deep slate backgrounds, as these neutral tones allow the cool purple undertones to stand out clearly without clashing.
How should I use Amethyst in UI design?
Use this color sparingly for interactive elements like buttons, focus states, or notification badges to guide the eye. Its bold character makes it an effective highlight that commands attention without overwhelming your primary content layout or readability.
Is Amethyst readable on white or black?
Amethyst has a 4.09:1 contrast ratio on white and 5.12:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.