Blue Violet
HEX: #8A2BE2 | Modern Palette
Color Specifications
#8A2BE2
138, 43, 226
271°, 80% ,88%
38.94, 80.97, 0, 11.37
About Blue Violet
Blue Violet (#8A2BE2) is a color with RGB(138, 43, 226) and HSL(271.15°, 80.97%, 88.63%). It is commonly associated with Playful moods. In design, it is suitable for Text, Button, Background. Its complementary color is #83E22B, which creates strong contrast. Its triadic palette includes #E28A2B and #2BE28A. The name comes from Blue Violet (English).
- HEX: #8A2BE2
- RGB: 138, 43, 226
- HSL: 271.15°, 80.97%, 88.63%
- Mood: Playful
- Use case: Text, Button, Background
- Complementary color: #83E22B
- Triadic colors: #E28A2B, #2BE28A
- The name comes from Blue Violet (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 #8A2BE2 from deepest shade to lightest tint.
Color Characteristics
Accessibility Simulation
#5555E1
#3F3FE2
#6E6060
#646464
Frequently Asked Questions
Name, History & Etymology
History
The color violet itself has a rich history, often associated with royalty, spirituality, and luxury due to the rarity and cost of early violet dyes (like Tyrian purple, though more reddish-purple). Blue, on the other hand, has been associated with stability, tranquility, and divinity. 'Blue Violet' represents a specific point on the color spectrum, bridging these two significant colors. Its precise definition became more standardized with color systems like Munsell and later digital color models (like RGB and hexadecimal). The hexadecimal code #8a2be2 specifically defines this particular shade in digital contexts.
First Recorded Use
The individual words 'blue' and 'violet' have ancient origins. The specific compound 'blue violet' as a distinct color name likely emerged as color descriptions became more nuanced, particularly with the advent of synthetic dyes and more precise color classification systems. While difficult to pinpoint an exact first use, its common usage as a specific color descriptor would align with the late 19th or early 20th century.
Cultural Associations
In Western cultures, blue violet can evoke feelings of creativity, imagination, and a touch of mystery. It's often seen as a sophisticated and calming color. Due to its association with violet flowers, it can also carry connotations of delicacy and natural beauty. In some spiritual contexts, violet shades are linked to the crown chakra, representing enlightenment and cosmic consciousness. The blue undertone adds a sense of depth and coolness.
Code Snippets
/* Background */
.element {
background-color: #8A2BE2;
}
/* Text */
.element {
color: #8A2BE2;
}
/* Border */
.element {
border: 1px solid #8A2BE2;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#8A2BE2,
#E1F9CB
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#8A2BE2,
#E1F9CB
);
}// SCSS variable
$blue-violet: #8A2BE2;
// With RGB channels (useful for rgba() usage)
$blue-violet-r: 138;
$blue-violet-g: 43;
$blue-violet-b: 226;
// Usage
.element {
background-color: $blue-violet;
color: rgba($blue-violet-r, $blue-violet-g, $blue-violet-b, 0.8);
}