Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Violet
| Color Name | HEX | RGB |
|---|---|---|
Violet |
#EE82EE |
238, 130, 238 |
| 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
Violet
VioletBlack
BlackWhite
WhiteViolet
VioletWhite
WhiteBlack
BlackBlack
BlackViolet
VioletWhite
WhiteBlack
BlackWhite
WhiteViolet
VioletWhite
WhiteViolet
VioletBlack
BlackWhite
WhiteBlack
BlackViolet
VioletSwitch
Vertical Combination
Violet
VioletBlack
BlackWhite
WhiteViolet
VioletWhite
WhiteBlack
BlackBlack
BlackViolet
VioletWhite
WhiteBlack
BlackWhite
WhiteViolet
VioletWhite
WhiteViolet
VioletBlack
BlackWhite
WhiteBlack
BlackViolet
VioletSwitch
Horizontal/Vertical Combination
Violet
VioletBlack
BlackWhite
WhiteViolet
VioletWhite
WhiteBlack
BlackBlack
BlackViolet
VioletWhite
WhiteBlack
BlackWhite
WhiteViolet
VioletWhite
WhiteViolet
VioletBlack
BlackWhite
WhiteBlack
BlackViolet
VioletSwitch
Three Circles
Violet
VioletBlack
BlackWhite
WhiteViolet
VioletWhite
WhiteBlack
BlackBlack
BlackViolet
VioletWhite
WhiteBlack
BlackWhite
WhiteViolet
VioletWhite
WhiteViolet
VioletBlack
BlackWhite
WhiteBlack
BlackViolet
VioletSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
VioletUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
VioletUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
VioletLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
VioletBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
VioletLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
VioletSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
VioletBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
VioletBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
VioletBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
VioletColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
VioletBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
VioletSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
VioletBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
VioletBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
VioletBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
VioletHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
VioletBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
VioletSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
VioletCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
VioletCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
VioletSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
VioletTopping/Fillings:
Cream:
Sponge:
WhiteCream:
VioletSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
VioletSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
VioletShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
VioletShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
VioletSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
VioletVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
VioletSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
VioletSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
VioletShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
VioletShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
VioletPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
VioletJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
VioletPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
VioletSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
VioletScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
VioletScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
VioletCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
VioletBackground:
Screen:
Cat:
WhiteScreen:
VioletCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
VioletSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
VioletCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
VioletCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
VioletAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Violet