Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkMagenta
| Color Name | HEX | RGB |
|---|---|---|
DarkMagenta |
#8B008B |
139, 0, 139 |
| 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
DarkMagenta
DarkMagentaBlack
BlackWhite
WhiteDarkMagenta
DarkMagentaWhite
WhiteBlack
BlackBlack
BlackDarkMagenta
DarkMagentaWhite
WhiteBlack
BlackWhite
WhiteDarkMagenta
DarkMagentaWhite
WhiteDarkMagenta
DarkMagentaBlack
BlackWhite
WhiteBlack
BlackDarkMagenta
DarkMagentaSwitch
Vertical Combination
DarkMagenta
DarkMagentaBlack
BlackWhite
WhiteDarkMagenta
DarkMagentaWhite
WhiteBlack
BlackBlack
BlackDarkMagenta
DarkMagentaWhite
WhiteBlack
BlackWhite
WhiteDarkMagenta
DarkMagentaWhite
WhiteDarkMagenta
DarkMagentaBlack
BlackWhite
WhiteBlack
BlackDarkMagenta
DarkMagentaSwitch
Horizontal/Vertical Combination
DarkMagenta
DarkMagentaBlack
BlackWhite
WhiteDarkMagenta
DarkMagentaWhite
WhiteBlack
BlackBlack
BlackDarkMagenta
DarkMagentaWhite
WhiteBlack
BlackWhite
WhiteDarkMagenta
DarkMagentaWhite
WhiteDarkMagenta
DarkMagentaBlack
BlackWhite
WhiteBlack
BlackDarkMagenta
DarkMagentaSwitch
Three Circles
DarkMagenta
DarkMagentaBlack
BlackWhite
WhiteDarkMagenta
DarkMagentaWhite
WhiteBlack
BlackBlack
BlackDarkMagenta
DarkMagentaWhite
WhiteBlack
BlackWhite
WhiteDarkMagenta
DarkMagentaWhite
WhiteDarkMagenta
DarkMagentaBlack
BlackWhite
WhiteBlack
BlackDarkMagenta
DarkMagentaSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkMagentaUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkMagentaUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkMagentaLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkMagentaBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkMagentaLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkMagentaSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkMagentaBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkMagentaBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkMagentaBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkMagentaColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkMagentaBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkMagentaSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkMagentaBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkMagentaBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkMagentaBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkMagentaHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkMagentaBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkMagentaSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkMagentaCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkMagentaCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkMagentaSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkMagentaTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkMagentaSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkMagentaSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkMagentaShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkMagentaShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkMagentaSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkMagentaVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkMagentaSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkMagentaSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkMagentaShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkMagentaShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkMagentaPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkMagentaJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkMagentaPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkMagentaSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkMagentaScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkMagentaScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkMagentaCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkMagentaBackground:
Screen:
Cat:
WhiteScreen:
DarkMagentaCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkMagentaSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkMagentaCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkMagentaCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkMagentaAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkMagenta