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
black
andwhite
.
Horizontal Combination
DarkMagenta
DarkMagenta
Black
Black
White
White
DarkMagenta
DarkMagenta
White
White
Black
Black
Black
Black
DarkMagenta
DarkMagenta
White
White
Black
Black
White
White
DarkMagenta
DarkMagenta
White
White
DarkMagenta
DarkMagenta
Black
Black
White
White
Black
Black
DarkMagenta
DarkMagenta
Switch
Vertical Combination
DarkMagenta
DarkMagenta
Black
Black
White
White
DarkMagenta
DarkMagenta
White
White
Black
Black
Black
Black
DarkMagenta
DarkMagenta
White
White
Black
Black
White
White
DarkMagenta
DarkMagenta
White
White
DarkMagenta
DarkMagenta
Black
Black
White
White
Black
Black
DarkMagenta
DarkMagenta
Switch
Horizontal/Vertical Combination
DarkMagenta
DarkMagenta
Black
Black
White
White
DarkMagenta
DarkMagenta
White
White
Black
Black
Black
Black
DarkMagenta
DarkMagenta
White
White
Black
Black
White
White
DarkMagenta
DarkMagenta
White
White
DarkMagenta
DarkMagenta
Black
Black
White
White
Black
Black
DarkMagenta
DarkMagenta
Switch
Three Circles
DarkMagenta
DarkMagenta
Black
Black
White
White
DarkMagenta
DarkMagenta
White
White
Black
Black
Black
Black
DarkMagenta
DarkMagenta
White
White
Black
Black
White
White
DarkMagenta
DarkMagenta
White
White
DarkMagenta
DarkMagenta
Black
Black
White
White
Black
Black
DarkMagenta
DarkMagenta
Switch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkMagenta
Upper-right circle:
Black
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
DarkMagenta
Upper-right circle:
White
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
DarkMagenta
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
White
Lower-left circle:
DarkMagenta
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
DarkMagenta
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Black
Lower-left circle:
DarkMagenta
Switch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkMagenta
Background:
Black
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkMagenta
Background:
White
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
DarkMagenta
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
White
Border-bottom:
DarkMagenta
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
DarkMagenta
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Black
Border-bottom:
DarkMagenta
Switch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkMagenta
Beak/Legs:
Black
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
DarkMagenta
Beak/Legs:
White
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
DarkMagenta
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
White
Body:
DarkMagenta
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
DarkMagenta
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Black
Body:
DarkMagenta
Switch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkMagenta
Cream:
Black
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
DarkMagenta
Cream:
White
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
DarkMagenta
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
White
Sponge:
DarkMagenta
Topping/Fillings:
Cream:
Sponge:
White
Cream:
DarkMagenta
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Black
Sponge:
DarkMagenta
Switch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkMagenta
Shirt/Boots:
Black
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
DarkMagenta
Shirt/Boots:
White
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
DarkMagenta
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
White
Skirt:
DarkMagenta
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
DarkMagenta
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Black
Skirt:
DarkMagenta
Switch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkMagenta
Shirt:
Black
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
DarkMagenta
Shirt:
White
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
DarkMagenta
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
White
Pants:
DarkMagenta
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
DarkMagenta
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Black
Pants:
DarkMagenta
Switch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkMagenta
Screen:
Black
Cat:
White
Background:
Screen:
Cat:
DarkMagenta
Screen:
White
Cat:
Black
Background:
Screen:
Cat:
Black
Screen:
DarkMagenta
Cat:
White
Background:
Screen:
Cat:
Black
Screen:
White
Cat:
DarkMagenta
Background:
Screen:
Cat:
White
Screen:
DarkMagenta
Cat:
Black
Background:
Screen:
Cat:
White
Screen:
Black
Cat:
DarkMagenta
Switch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkMagenta
Cat:
Black
AC Condenser:
White
Background:
Cat:
AC Condenser:
DarkMagenta
Cat:
White
AC Condenser:
Black
Background:
Cat:
AC Condenser:
Black
Cat:
DarkMagenta
AC Condenser:
White
Background:
Cat:
AC Condenser:
Black
Cat:
White
AC Condenser:
DarkMagenta