Violet HEX Code
The HEX code for violet is #EE82EE. Violet is a light purple color positioned at the end of the visible light spectrum. CSS violet is brighter and more pink than spectral violet, leaning toward magenta.
Violet Color Values
| Format | Value | HEX#EE82EE RGBrgb(238, 130, 238) HSLhsl(300, 76%, 72%) CMYKC:0 M:45 Y:0 K:7
Violet Shades and Variations
ShadeHEXDescription Lavender#E6E6FAVery light Violet#EE82EECSS violet Medium Violet Red#C71585Red-tinted Dark Violet#9400D3Deep violet Blue Violet#8A2BE2Blue-tinted | Indigo | #4B0082 | Blue-violet |
Violet in Design
Violet conveys:
- Creativity: Artistic, imaginative
- Luxury: Royal, elegant
- Mystery: Mystical, spiritual
- Uniqueness: Non-conformist
Violet vs Purple
| Color | HEX | Appearance | Violet#EE82EELighter, pink Purple#800080Darker, richer | Magenta | #FF00FF | Vivid pink-violet |
Using Violet in Design
``css
/* Violet accent palette */
:root {
--violet-light: #F5D0FE;
--violet: #EE82EE;
--violet-dark: #A855F7;
}
/* Gradient with violet */
.gradient-violet {
background: linear-gradient(135deg, #EE82EE, #9400D3);
}
``
Tailwind Violet Scale
| Level | HEX | Use | 50#F5F3FFBackgrounds 500#8B5CF6Primary 700#6D28D9Dark | 900 | #4C1D95 | Very dark |
Violet is excellent for creative industries, beauty brands, and designs seeking a feminine, artistic touch.