vibrant
Amethyst and Ivory
4.06:1 contrast ratio —
AA LargeVisual Preview
#9966CCAmethyst
#FFFFF0Ivory
The quick brown fox
Body text — Amethyst on Ivory
Supporting text at reduced opacity
Badge
Reversed — Ivory on Amethyst
Inverted combination preview
Contrast Analysis
Contrast Ratio
4.06:1
AA LargeWCAG AA
✗ Fail
Requires 4.5:1
WCAG AA Large
✓ Pass
Requires 3:1
WCAG AAA
✗ Fail
Requires 7:1
Color Values
Amethyst
Foreground (Text)
- HEX
- #9966CC
- RGB
- rgb(153, 102, 204)
- HSL
- hsl(270, 50%, 60%)
Ivory
Background
- HEX
- #FFFFF0
- RGB
- rgb(255, 255, 240)
- HSL
- hsl(60, 100%, 97%)
Design Use Cases
- Decorative backgrounds
- Illustration accents
- Infographic elements
- Non-critical UI
Industry Recommendations
Creative Agencies
Entertainment
Spiritual Wellness
Premium Education
Arts
Color Psychology
The Amethyst tone evokes luxury, wisdom, and creativity, while Ivory brings purity, clarity, and simplicity. Together, they create a balanced palette suited for compelling visual communication.
Palette Exports
:root {
--color-amethyst: #9966CC;
--color-ivory: #FFFFF0;
}
.combo-amethyst-ivory {
color: var(--color-amethyst);
background-color: var(--color-ivory);
}Quick Snippets
CSS Variables
:root {
--color-amethyst: #9966CC;
--color-ivory: #FFFFF0;
}Tailwind CSS
<div class="bg-white text-purple-500"> Your content here </div>