Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkViolet
| Color Name | HEX | RGB |
|---|---|---|
DarkViolet |
#9400D3 |
148, 0, 211 |
| 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
DarkViolet
DarkVioletBlack
BlackWhite
WhiteDarkViolet
DarkVioletWhite
WhiteBlack
BlackBlack
BlackDarkViolet
DarkVioletWhite
WhiteBlack
BlackWhite
WhiteDarkViolet
DarkVioletWhite
WhiteDarkViolet
DarkVioletBlack
BlackWhite
WhiteBlack
BlackDarkViolet
DarkVioletSwitch
Vertical Combination
DarkViolet
DarkVioletBlack
BlackWhite
WhiteDarkViolet
DarkVioletWhite
WhiteBlack
BlackBlack
BlackDarkViolet
DarkVioletWhite
WhiteBlack
BlackWhite
WhiteDarkViolet
DarkVioletWhite
WhiteDarkViolet
DarkVioletBlack
BlackWhite
WhiteBlack
BlackDarkViolet
DarkVioletSwitch
Horizontal/Vertical Combination
DarkViolet
DarkVioletBlack
BlackWhite
WhiteDarkViolet
DarkVioletWhite
WhiteBlack
BlackBlack
BlackDarkViolet
DarkVioletWhite
WhiteBlack
BlackWhite
WhiteDarkViolet
DarkVioletWhite
WhiteDarkViolet
DarkVioletBlack
BlackWhite
WhiteBlack
BlackDarkViolet
DarkVioletSwitch
Three Circles
DarkViolet
DarkVioletBlack
BlackWhite
WhiteDarkViolet
DarkVioletWhite
WhiteBlack
BlackBlack
BlackDarkViolet
DarkVioletWhite
WhiteBlack
BlackWhite
WhiteDarkViolet
DarkVioletWhite
WhiteDarkViolet
DarkVioletBlack
BlackWhite
WhiteBlack
BlackDarkViolet
DarkVioletSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkVioletUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkVioletUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkVioletLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkVioletBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkVioletLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkVioletSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkVioletBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkVioletBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkVioletBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkVioletColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkVioletBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkVioletSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkVioletBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkVioletBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkVioletBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkVioletHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkVioletBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkVioletSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkVioletCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkVioletCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkVioletSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkVioletTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkVioletSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkVioletSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkVioletShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkVioletShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkVioletSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkVioletVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkVioletSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkVioletSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkVioletShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkVioletShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkVioletPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkVioletJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkVioletPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkVioletSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkVioletScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkVioletScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkVioletCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkVioletBackground:
Screen:
Cat:
WhiteScreen:
DarkVioletCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkVioletSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkVioletCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkVioletCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkVioletAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkViolet