What color is Violet?
Violet is a deep blue-purple, hex #7F00FF, richer and darker than lavender but less red than purple. It has a cool, slightly electric quality, close to the color of a violet flower petal.
What is the meaning of the color Violet?
Named after the violet flower, the color has been documented in English since at least the 14th century. For centuries, purple and violet dyes were extracted from natural sources and traded at high cost across Europe and Asia, making violet-hued clothing a mark of rank. William Henry Perkin accidentally synthesized the first synthetic violet dye, mauveine, in 1856, making the color widely accessible for the first time. The University of the Arts London holds records of Perkin’s discovery, which transformed the global textile industry.
What colors go with Violet?
Colors that pair well with Violet include:
Gold: warm, rich contrast
Soft White: clean, open balance
Forest Green: deep, natural grounding
Dusty Rose: soft, tonal harmony
Charcoal: strong, moody depth
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #7F00FF |
color: #7F00FF;
|
| RGB | 127, 0, 255 |
color: rgb(127, 0, 255);
|
| RGB Percentage | 50%, 0%, 100% |
color: rgb(50%, 0%, 100%);
|
| CMYK | 50%, 100%, 0%, 0% | Not supported in CSS |
| HSL | 270°, 100%, 50% |
color: hsl(270, 100%, 50%);
|
| HSV | 270°, 100%, 100% | Not supported in CSS |
| CIE-LAB | 40, 25, -85 |
color: lab(40% 25 -85);
|
| Decimal | 8323327 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.violet {
color: #7F00FF;
}
$violet: #7F00FF;
rgb(127, 0, 255)