Heliotrope Magenta
HEX: #AA00BB | Modern Palette
Color Specifications
#AA00BB
170, 0, 187
294°, 100% ,73%
9.09, 100, 0, 26.67
About Heliotrope Magenta
Heliotrope Magenta (#AA00BB) is a color with RGB(170, 0, 187) and HSL(294.55°, 100%, 73.33%). It is commonly associated with Bold, Playful moods. In design, it fits Neon styles and is suitable for Text, Button, Accent. Its complementary color is #11BB00, which creates strong contrast. Its triadic palette includes #BBAA00 and #00BBAA. The name comes from Heliotrope (from Greek 'helios' sun + 'tropos' turning) and Magenta (from Italian 'Magenta', a town in Italy) (English (from Greek)).
- HEX: #AA00BB
- RGB: 170, 0, 187
- HSL: 294.55°, 100%, 73.33%
- Mood: Bold, Playful
- Style: Neon
- Use case: Text, Button, Accent
- Complementary color: #11BB00
- Triadic colors: #BBAA00, #00BBAA
- The name comes from Heliotrope (from Greek 'helios' sun + 'tropos' turning) and Magenta (from Italian 'Magenta', a town in Italy) (English (from Greek)).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #AA00BB from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The color magenta was discovered by French chemist François-Emmanuel Verguin in 1859, originally called 'fuchsine'. It was renamed 'magenta' to celebrate the French victory at the Battle of Magenta. Heliotrope, as a color, has been used to describe a range of purplish-pink to reddish-purple shades, often associated with the fragrant heliotrope flower. 'Heliotrope Magenta' specifically combines these two concepts, suggesting a vibrant, deep purplish-red that evokes both the flower and the intensity of the magenta dye.
First Recorded Use
The color 'magenta' was first produced and named in 1859. 'Heliotrope' as a color name for a purplish hue also gained popularity around the same period, referring to the color of heliotrope flowers.
Cultural Associations
Magenta is often associated with creativity, innovation, and passion. It's a color that stands out and can be seen as unconventional. Heliotrope, due to its floral origin, can evoke feelings of nature, fragrance, and delicate beauty, even when referring to a strong color. The combination 'Heliotrope Magenta' suggests a sophisticated and vibrant shade, perhaps used in fashion, cosmetics, or artistic contexts to convey a sense of unique elegance and boldness.
Code Snippets
/* Background */
.element {
background-color: #AA00BB;
}
/* Text */
.element {
color: #AA00BB;
}
/* Border */
.element {
border: 1px solid #AA00BB;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#AA00BB,
#83FF77
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#AA00BB,
#83FF77
);
}// SCSS variable
$heliotrope-magenta: #AA00BB;
// With RGB channels (useful for rgba() usage)
$heliotrope-magenta-r: 170;
$heliotrope-magenta-g: 0;
$heliotrope-magenta-b: 187;
// Usage
.element {
background-color: $heliotrope-magenta;
color: rgba($heliotrope-magenta-r, $heliotrope-magenta-g, $heliotrope-magenta-b, 0.8);
}