Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Lavender
| Color Name | HEX | RGB |
|---|---|---|
Lavender |
#E6E6FA |
230, 230, 250 |
| Color | ||
Color Combination Sample
Notes
- Actual colors displayed may differ depending on the display device you use.
- The color combination pattern is changeable with clicking on the "Switch" button.
- Text colors of color codes in each boxes below are set to
blackandwhite.
Horizontal Combination
Lavender
LavenderBlack
BlackWhite
WhiteLavender
LavenderWhite
WhiteBlack
BlackBlack
BlackLavender
LavenderWhite
WhiteBlack
BlackWhite
WhiteLavender
LavenderWhite
WhiteLavender
LavenderBlack
BlackWhite
WhiteBlack
BlackLavender
LavenderSwitch
Vertical Combination
Lavender
LavenderBlack
BlackWhite
WhiteLavender
LavenderWhite
WhiteBlack
BlackBlack
BlackLavender
LavenderWhite
WhiteBlack
BlackWhite
WhiteLavender
LavenderWhite
WhiteLavender
LavenderBlack
BlackWhite
WhiteBlack
BlackLavender
LavenderSwitch
Horizontal/Vertical Combination
Lavender
LavenderBlack
BlackWhite
WhiteLavender
LavenderWhite
WhiteBlack
BlackBlack
BlackLavender
LavenderWhite
WhiteBlack
BlackWhite
WhiteLavender
LavenderWhite
WhiteLavender
LavenderBlack
BlackWhite
WhiteBlack
BlackLavender
LavenderSwitch
Three Circles
Lavender
LavenderBlack
BlackWhite
WhiteLavender
LavenderWhite
WhiteBlack
BlackBlack
BlackLavender
LavenderWhite
WhiteBlack
BlackWhite
WhiteLavender
LavenderWhite
WhiteLavender
LavenderBlack
BlackWhite
WhiteBlack
BlackLavender
LavenderSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LavenderUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LavenderUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LavenderLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LavenderBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LavenderLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LavenderSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LavenderBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LavenderBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LavenderBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LavenderColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LavenderBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LavenderSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LavenderBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LavenderBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LavenderBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LavenderHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LavenderBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LavenderSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LavenderCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LavenderCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LavenderSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LavenderTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LavenderSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LavenderSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LavenderShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LavenderShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LavenderSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LavenderVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LavenderSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LavenderSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LavenderShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LavenderShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LavenderPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LavenderJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LavenderPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LavenderSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LavenderScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LavenderScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LavenderCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LavenderBackground:
Screen:
Cat:
WhiteScreen:
LavenderCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LavenderSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LavenderCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LavenderCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LavenderAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Lavender