#ee82ee rgb(238, 130, 238) 300°, 76%, 72% Use Violet in Your Projects
About Violet Color
Violet is a bright, vivid purple that sits between blue and pink on the color wheel. It embodies creativity, imagination, and playful elegance.
Use Cases for Violet
Shades & Tints of Violet
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.violet-color {
color: #ee82ee;
background-color: #ee82ee;
}
/* As a CSS custom property */
:root {
--color-violet: #ee82ee;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
Frequently Asked Questions
What color is Violet?
Violet is represented by the hex code #ee82ee and has RGB values of rgb(238, 130, 238). It falls under the Purple category.
How to use Violet in web design?
Violet works well for creative tools, children apps, rainbow themes. Violet is a bright, vivid purple that sits between blue and pink on the color wheel. It embodies creativity, imagination, and playful elegance. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Violet?
Colors that pair well with Violet include orchid, plum, thistle, fuchsia, magenta. For a complementary scheme, try #81ee81. For an analogous scheme, use #b881ee and #ee81b8. For a triadic scheme, combine with #eeee81 and #81eeee.