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