Deep Magenta
HEX: #CC00CC | Modern Palette
Color Specifications
#CC00CC
204, 0, 204
300°, 100% ,40%
0, 100, 0, 20
About Deep Magenta
Deep Magenta (#CC00CC) is a color with RGB(204, 0, 204) and HSL(300°, 100%, 40%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Warm styles and is suitable for Text, Button, Accent. Its complementary color is #00CC00, which creates strong contrast. Its triadic palette includes #CCCC00 and Robin Egg Blue (#00CCCC). The name comes from Deep Magenta (English).
- HEX: #CC00CC
- RGB: 204, 0, 204
- HSL: 300°, 100%, 40%
- Mood: Energetic, Bold
- Style: Vivid, Warm
- Use case: Text, Button, Accent
- Complementary color: #00CC00
- Triadic colors: #CCCC00, Robin Egg Blue (#00CCCC)
- The name comes from Deep Magenta (English).
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 #CC00CC from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
Magenta was one of the first aniline dyes, discovered shortly after the Battle of Magenta in 1859, and its vibrant, purplish-red hue quickly became popular. The dye was initially called 'fuchsine' or 'rosaniline' but was renamed 'magenta' to capitalize on the recent military victory. As color science and art evolved, the need for more specific descriptors arose. 'Deep Magenta' distinguishes a particular intensity or darkness within the magenta spectrum, often used in art, fashion, and digital color specifications (like the #cc00cc hex code, which is a very pure, saturated magenta with a strong red component).
First Recorded Use
The term 'magenta' itself was coined in 1859, named after the Battle of Magenta in Italy. 'Deep Magenta' as a specific descriptor for a darker, more intense version of this color would have emerged as color naming became more precise, particularly with the advent of standardized color systems and digital color representation.
Cultural Associations
Magenta is a color often associated with creativity, innovation, and individuality. It's a vibrant, energetic color that can be seen as both playful and sophisticated. In color psychology, it's sometimes linked to emotional balance and spiritual awareness, being a blend of red's energy and blue's stability. In digital printing (CMYK), magenta is one of the primary subtractive colors. 'Deep Magenta' specifically conveys a sense of richness and intensity, often used to evoke luxury or drama.
Code Snippets
/* Background */
.element {
background-color: #CC00CC;
}
/* Text */
.element {
color: #CC00CC;
}
/* Border */
.element {
border: 1px solid #CC00CC;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#CC00CC,
#00CC00
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#CC00CC,
#00CC00
);
}// SCSS variable
$deep-magenta: #CC00CC;
// With RGB channels (useful for rgba() usage)
$deep-magenta-r: 204;
$deep-magenta-g: 0;
$deep-magenta-b: 204;
// Usage
.element {
background-color: $deep-magenta;
color: rgba($deep-magenta-r, $deep-magenta-g, $deep-magenta-b, 0.8);
}