Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
MediumVioletRed
| Color Name | HEX | RGB |
|---|---|---|
MediumVioletRed |
#C71585 |
199, 21, 133 |
| 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
MediumVioletRed
MediumVioletRedBlack
BlackWhite
WhiteMediumVioletRed
MediumVioletRedWhite
WhiteBlack
BlackBlack
BlackMediumVioletRed
MediumVioletRedWhite
WhiteBlack
BlackWhite
WhiteMediumVioletRed
MediumVioletRedWhite
WhiteMediumVioletRed
MediumVioletRedBlack
BlackWhite
WhiteBlack
BlackMediumVioletRed
MediumVioletRedSwitch
Vertical Combination
MediumVioletRed
MediumVioletRedBlack
BlackWhite
WhiteMediumVioletRed
MediumVioletRedWhite
WhiteBlack
BlackBlack
BlackMediumVioletRed
MediumVioletRedWhite
WhiteBlack
BlackWhite
WhiteMediumVioletRed
MediumVioletRedWhite
WhiteMediumVioletRed
MediumVioletRedBlack
BlackWhite
WhiteBlack
BlackMediumVioletRed
MediumVioletRedSwitch
Horizontal/Vertical Combination
MediumVioletRed
MediumVioletRedBlack
BlackWhite
WhiteMediumVioletRed
MediumVioletRedWhite
WhiteBlack
BlackBlack
BlackMediumVioletRed
MediumVioletRedWhite
WhiteBlack
BlackWhite
WhiteMediumVioletRed
MediumVioletRedWhite
WhiteMediumVioletRed
MediumVioletRedBlack
BlackWhite
WhiteBlack
BlackMediumVioletRed
MediumVioletRedSwitch
Three Circles
MediumVioletRed
MediumVioletRedBlack
BlackWhite
WhiteMediumVioletRed
MediumVioletRedWhite
WhiteBlack
BlackBlack
BlackMediumVioletRed
MediumVioletRedWhite
WhiteBlack
BlackWhite
WhiteMediumVioletRed
MediumVioletRedWhite
WhiteMediumVioletRed
MediumVioletRedBlack
BlackWhite
WhiteBlack
BlackMediumVioletRed
MediumVioletRedSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
MediumVioletRedUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
MediumVioletRedUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
MediumVioletRedLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
MediumVioletRedBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
MediumVioletRedLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
MediumVioletRedSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumVioletRedBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumVioletRedBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
MediumVioletRedBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
MediumVioletRedColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
MediumVioletRedBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
MediumVioletRedSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
MediumVioletRedBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
MediumVioletRedBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
MediumVioletRedBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
MediumVioletRedHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
MediumVioletRedBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
MediumVioletRedSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
MediumVioletRedCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
MediumVioletRedCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
MediumVioletRedSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
MediumVioletRedTopping/Fillings:
Cream:
Sponge:
WhiteCream:
MediumVioletRedSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
MediumVioletRedSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
MediumVioletRedShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
MediumVioletRedShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
MediumVioletRedSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
MediumVioletRedVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
MediumVioletRedSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
MediumVioletRedSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
MediumVioletRedShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
MediumVioletRedShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
MediumVioletRedPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
MediumVioletRedJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
MediumVioletRedPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
MediumVioletRedSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
MediumVioletRedScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
MediumVioletRedScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
MediumVioletRedCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
MediumVioletRedBackground:
Screen:
Cat:
WhiteScreen:
MediumVioletRedCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
MediumVioletRedSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
MediumVioletRedCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
MediumVioletRedCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
MediumVioletRedAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
MediumVioletRed