HTML named color
Violet color code
Use the Violet HTML color with HEX #EE82EE, RGB 238,130,238 and HSL 300,76%,72%. Copy CSS examples, shades and accessible contrast combinations.
Violets
#EE82EE
rgb(238,130,238)
HEX
#EE82EERGB
rgb(238,130,238)HSL
hsl(300,76%,72%)OKLCH
oklch(76.2% 0.186 327.2)CSS name
violetHow to use this color
Violet can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-violet {
color: #EE82EE;
}
.bg-violet {
background-color: violet;
}
.border-violet {
border-color: rgb(238,130,238);
}Shades palette
#2D062D#651065#A01CA0#D52AD5#DD64DD#E8A1E8#F4D7F4