All CSS Colors
#E6E6FAlavender

Lavender

CSS named color · Purple family

HEX#E6E6FA
RGBrgb(230, 230, 250)
HSLhsl(240, 67%, 94%)
CSSlavender

Tints & Shades

#fbfbfe
#f6f6fd
#f2f2fc
#eeeefc
#eaeafb
#E6E6FA
#a1a1ec
#6161e0
#2828c8
#1a1a84
#0d0d44
LighterDarker

Complementary Color

Lavender

#E6E6FA

Complement

#fafae5

hsl(60, 67%, 94%)

CSS Usage

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

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

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

Similar Colors

Purple

#800080

Magenta

#FF00FF

Indigo

#4B0082

Violet

#EE82EE

Plum

#DDA0DD

Orchid

#DA70D6

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