Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
BlueViolet
| Color Name | HEX | RGB |
|---|---|---|
BlueViolet |
#8A2BE2 |
138, 43, 226 |
| 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
BlueViolet
BlueVioletBlack
BlackWhite
WhiteBlueViolet
BlueVioletWhite
WhiteBlack
BlackBlack
BlackBlueViolet
BlueVioletWhite
WhiteBlack
BlackWhite
WhiteBlueViolet
BlueVioletWhite
WhiteBlueViolet
BlueVioletBlack
BlackWhite
WhiteBlack
BlackBlueViolet
BlueVioletSwitch
Vertical Combination
BlueViolet
BlueVioletBlack
BlackWhite
WhiteBlueViolet
BlueVioletWhite
WhiteBlack
BlackBlack
BlackBlueViolet
BlueVioletWhite
WhiteBlack
BlackWhite
WhiteBlueViolet
BlueVioletWhite
WhiteBlueViolet
BlueVioletBlack
BlackWhite
WhiteBlack
BlackBlueViolet
BlueVioletSwitch
Horizontal/Vertical Combination
BlueViolet
BlueVioletBlack
BlackWhite
WhiteBlueViolet
BlueVioletWhite
WhiteBlack
BlackBlack
BlackBlueViolet
BlueVioletWhite
WhiteBlack
BlackWhite
WhiteBlueViolet
BlueVioletWhite
WhiteBlueViolet
BlueVioletBlack
BlackWhite
WhiteBlack
BlackBlueViolet
BlueVioletSwitch
Three Circles
BlueViolet
BlueVioletBlack
BlackWhite
WhiteBlueViolet
BlueVioletWhite
WhiteBlack
BlackBlack
BlackBlueViolet
BlueVioletWhite
WhiteBlack
BlackWhite
WhiteBlueViolet
BlueVioletWhite
WhiteBlueViolet
BlueVioletBlack
BlackWhite
WhiteBlack
BlackBlueViolet
BlueVioletSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
BlueVioletUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlueVioletUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
BlueVioletLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
BlueVioletBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlueVioletLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
BlueVioletSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
BlueVioletBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlueVioletBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
BlueVioletBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
BlueVioletColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlueVioletBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
BlueVioletSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
BlueVioletBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlueVioletBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
BlueVioletBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
BlueVioletHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlueVioletBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
BlueVioletSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
BlueVioletCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlueVioletCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
BlueVioletSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
BlueVioletTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlueVioletSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
BlueVioletSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
BlueVioletShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlueVioletShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
BlueVioletSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
BlueVioletVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlueVioletSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
BlueVioletSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
BlueVioletShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlueVioletShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
BlueVioletPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
BlueVioletJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlueVioletPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
BlueVioletSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
BlueVioletScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
BlueVioletScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
BlueVioletCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
BlueVioletBackground:
Screen:
Cat:
WhiteScreen:
BlueVioletCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
BlueVioletSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
BlueVioletCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlueVioletCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
BlueVioletAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
BlueViolet