Amethyst

Meet Amethyst (#9966CC), a captivating purple that strikes a unique balance between rich saturation and a soft, muted quality. Its distinct character comes from a blend of violet and gray undertones, creating a sophisticated hue that feels both modern and timeless in digital design.

Amethyst
#9966CC
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Amethyst?

Amethyst is a vibrant, medium-light shade of purple. It sits between violet and magenta, presenting a cool temperature with subtle red undertones that prevent it from feeling too cold.

This balance gives the color a distinct character, appearing both serene and rich. Its hue is clear and bright, without the deep saturation of a royal purple or the muted quality of lavender.

What is the meaning of the color Amethyst (#9966CC)?

Steeped in history, Amethyst has long been a symbol of royalty, power, and spiritual wisdom. The ancient Greeks even believed it could prevent intoxication, associating the color with clarity and a clear mind.

In modern design, the color #9966CC carries a sense of mystique and creativity. It blends the calm of blue with the passion of red, evoking feelings of sophistication and imaginative depth.

How can I use Amethyst in my UI design?

In UI design, Amethyst works beautifully as an accent. Pair #9966CC with crisp whites, soft grays, or even deep charcoals for a sophisticated, high-contrast interface. For a more daring combination, try pairing it with a complementary muted yellow or analogous blues and pinks. Consider the 60-30-10 rule, using Amethyst for the 30% secondary or 10% accent role to draw attention to key actions and interactive elements.

You won't find many major brands built around Amethyst, which is precisely its strength—it offers a chance to stand out. While companies like Thrive Market occasionally use similar purples in their marketing, the color remains fairly uncommon as a primary choice. Adopting it can help you create a truly distinct and memorable visual identity.

Explore how Amethyst works in practice with the tools below. You can browse curated palettes, test color contrast for accessibility, and preview #9966CC in real UI components from top brands.

How do I use the Amethyst color codes?

To use Amethyst in your digital work, start with its hex code: #9966CC. This is the standard for specifying colors on the web, ensuring consistency across different browsers and devices.

Depending on your project, you may need to convert #9966CC into other color models. For instance, RGB values are fundamental for digital displays, while CMYK is essential for anything destined for print.

To make things easy, we’ve converted #9966CC into a range of popular formats below. Just find the one you need and copy the code for your project.

Amethyst Code Conversions

HEX
#9966CC
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Amethyst Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. Paired with Amethyst, they create a harmonious and serene palette, ideal for crafting tranquil user interfaces.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Amethyst, these hues create a striking, high-contrast visual effect.

#123456
#123456

Split Complementary

A split complementary palette for Amethyst uses the two colors adjacent to its direct complement, offering a vibrant yet balanced and harmonious look.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues equidistant on the color wheel. With Amethyst as a base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic color scheme for Amethyst uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.

#123456
#123456
#123456
#123456

Square

A square color scheme pairs Amethyst with three other colors, all evenly spaced on the color wheel for a vibrant, high-contrast palette.

#123456
#123456
#123456
#123456

Amethyst Color Variations

Shades

Shades are darker versions of Amethyst, created by adding black for depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter values of Amethyst, made by mixing in white for a softer appearance.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones are muted versions of Amethyst, created by adding gray to soften its saturation.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Amethyst, differing in intensity or temperature to create distinct moods.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Amethyst?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

All Brands That Use Colors Like Amethyst

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion