Psychedelic Purple
HEX: #DF00FF | Modern Palette
Color Specifications
#DF00FF
223, 0, 255
292°, 100% ,50%
13, 100, 0, 0
About Psychedelic Purple
Psychedelic Purple (#DF00FF) is a color with RGB(223, 0, 255) and HSL(292.5°, 100%, 50%). It is commonly associated with Bold, Romantic moods. In design, it fits Vivid styles and is suitable for Text, Button, Accent. Its complementary color is #20FF00, which creates strong contrast. Its triadic palette includes Golden Yellow (#FFDF00) and #00FFDF. The name comes from Psychedelic Purple (English).
- HEX: #DF00FF
- RGB: 223, 0, 255
- HSL: 292.5°, 100%, 50%
- Mood: Bold, Romantic
- Style: Vivid
- Use case: Text, Button, Accent
- Complementary color: #20FF00
- Triadic colors: Golden Yellow (#FFDF00), #00FFDF
- The name comes from Psychedelic Purple (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 #DF00FF from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The word 'psychedelic' was coined by Humphry Osmond, a British psychiatrist, from Greek words meaning 'mind-manifesting.' It initially referred to hallucinogenic drugs but quickly expanded to describe the art, music, and fashion inspired by or associated with these experiences. The 1960s saw an explosion of psychedelic art characterized by vibrant, clashing colors, swirling patterns, and optical illusions. Purple, often associated with royalty, mystery, and spirituality, took on a new, electrifying dimension in this context. 'Psychedelic Purple' specifically refers to a highly saturated, often neon-like or electric purple that evokes the visual intensity and altered perceptions linked to the psychedelic era. It became a staple in concert posters for bands like Jimi Hendrix and The Grateful Dead, album art, and fashion of the time.
First Recorded Use
The term 'psychedelic' was coined in 1957. The application of 'psychedelic' to colors and art styles became prominent in the 1960s, particularly in relation to counter-culture movements, music, and drug culture. 'Psychedelic Purple' as a specific named color likely emerged during this period or shortly after, as a descriptive term for the vibrant, often glowing or shifting purples seen in posters, light shows, and fashion.
Cultural Associations
Strongly associated with the 1960s counter-culture, hippie movement, and psychedelic rock music. Evokes feelings of vibrancy, rebellion, altered states, and artistic freedom. Often used in conjunction with other bright, contrasting colors like neon green, orange, and pink to create a 'trippy' effect. Can be seen in modern contexts to evoke nostalgia for the 60s or to represent a bold, unconventional aesthetic. The specific hex code #df00ff is a very bright, almost magenta-leaning purple, fitting the 'electric' or 'neon' aspect often implied by 'psychedelic'.
Code Snippets
/* Background */
.element {
background-color: #DF00FF;
}
/* Text */
.element {
color: #DF00FF;
}
/* Border */
.element {
border: 1px solid #DF00FF;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#DF00FF,
#20FF00
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#DF00FF,
#20FF00
);
}// SCSS variable
$psychedelic-purple: #DF00FF;
// With RGB channels (useful for rgba() usage)
$psychedelic-purple-r: 223;
$psychedelic-purple-g: 0;
$psychedelic-purple-b: 255;
// Usage
.element {
background-color: $psychedelic-purple;
color: rgba($psychedelic-purple-r, $psychedelic-purple-g, $psychedelic-purple-b, 0.8);
}