Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
MediumPurple
| Color Name | HEX | RGB |
|---|---|---|
MediumPurple |
#9370DB |
147, 112, 219 |
| 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
MediumPurple
MediumPurpleBlack
BlackWhite
WhiteMediumPurple
MediumPurpleWhite
WhiteBlack
BlackBlack
BlackMediumPurple
MediumPurpleWhite
WhiteBlack
BlackWhite
WhiteMediumPurple
MediumPurpleWhite
WhiteMediumPurple
MediumPurpleBlack
BlackWhite
WhiteBlack
BlackMediumPurple
MediumPurpleSwitch
Vertical Combination
MediumPurple
MediumPurpleBlack
BlackWhite
WhiteMediumPurple
MediumPurpleWhite
WhiteBlack
BlackBlack
BlackMediumPurple
MediumPurpleWhite
WhiteBlack
BlackWhite
WhiteMediumPurple
MediumPurpleWhite
WhiteMediumPurple
MediumPurpleBlack
BlackWhite
WhiteBlack
BlackMediumPurple
MediumPurpleSwitch
Horizontal/Vertical Combination
MediumPurple
MediumPurpleBlack
BlackWhite
WhiteMediumPurple
MediumPurpleWhite
WhiteBlack
BlackBlack
BlackMediumPurple
MediumPurpleWhite
WhiteBlack
BlackWhite
WhiteMediumPurple
MediumPurpleWhite
WhiteMediumPurple
MediumPurpleBlack
BlackWhite
WhiteBlack
BlackMediumPurple
MediumPurpleSwitch
Three Circles
MediumPurple
MediumPurpleBlack
BlackWhite
WhiteMediumPurple
MediumPurpleWhite
WhiteBlack
BlackBlack
BlackMediumPurple
MediumPurpleWhite
WhiteBlack
BlackWhite
WhiteMediumPurple
MediumPurpleWhite
WhiteMediumPurple
MediumPurpleBlack
BlackWhite
WhiteBlack
BlackMediumPurple
MediumPurpleSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
MediumPurpleUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
MediumPurpleUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
MediumPurpleLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
MediumPurpleBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
MediumPurpleLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
MediumPurpleSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumPurpleBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumPurpleBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
MediumPurpleBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
MediumPurpleColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
MediumPurpleBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
MediumPurpleSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
MediumPurpleBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
MediumPurpleBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
MediumPurpleBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
MediumPurpleHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
MediumPurpleBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
MediumPurpleSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
MediumPurpleCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
MediumPurpleCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
MediumPurpleSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
MediumPurpleTopping/Fillings:
Cream:
Sponge:
WhiteCream:
MediumPurpleSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
MediumPurpleSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
MediumPurpleShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
MediumPurpleShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
MediumPurpleSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
MediumPurpleVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
MediumPurpleSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
MediumPurpleSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
MediumPurpleShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
MediumPurpleShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
MediumPurplePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
MediumPurpleJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
MediumPurplePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
MediumPurpleSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
MediumPurpleScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
MediumPurpleScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
MediumPurpleCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
MediumPurpleBackground:
Screen:
Cat:
WhiteScreen:
MediumPurpleCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
MediumPurpleSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
MediumPurpleCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
MediumPurpleCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
MediumPurpleAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
MediumPurple