All CSS Colors
#EE82EEviolet

Violet

CSS named color · Purple family

HEX#EE82EE
RGBrgb(238, 130, 238)
HSLhsl(300, 76%, 72%)
CSSviolet

Tints & Shades

#fce9fc
#f9d7f9
#f6c0f6
#f3aaf3
#f198f1
#EE82EE
#e74be7
#d71dd7
#a216a2
#6c0f6c
#360736
LighterDarker

Complementary Color

Violet

#EE82EE

Complement

#81ee81

hsl(120, 76%, 72%)

CSS Usage

.element {
  color: violet;
  background-color: violet;
}

/* Using hex */
.element {
  color: #EE82EE;
  background-color: #EE82EE;
}

/* Using RGB */
.element {
  color: rgb(238, 130, 238);
  background-color: rgb(238, 130, 238);
}

Similar Colors

Purple

#800080

Magenta

#FF00FF

Indigo

#4B0082

Plum

#DDA0DD

Orchid

#DA70D6

Lavender

#E6E6FA

Thistle

#D8BFD8

Related Tools

Hex to RGB Converter

Convert any hex color to RGB, HSL, and more

Color Palette Generator

Generate harmonious color palettes from any color

Color Converter

Convert between HEX, RGB, HSL, and more formats

Color Contrast Checker

Check WCAG contrast ratios for accessibility

Browse All CSS Colors

RedBlueGreenYellowOrangePurplePinkCyanMagentaWhiteBlackGraySilverGoldCoralSalmonTomatoCrimsonMaroonNavyTealAquaLimeOliveIndigoVioletPlumOrchidTurquoiseChocolateSiennaPeruTanWheatIvoryLinenBeigeLavenderThistleKhakiSky BlueSteel BlueRoyal BlueDodger BlueDeep PinkHot PinkFuchsiaAquamarineSpring GreenMedium Sea Green