Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
MediumOrchid
| Color Name | HEX | RGB |
|---|---|---|
MediumOrchid |
#BA55D3 |
186, 85, 211 |
| 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
MediumOrchid
MediumOrchidBlack
BlackWhite
WhiteMediumOrchid
MediumOrchidWhite
WhiteBlack
BlackBlack
BlackMediumOrchid
MediumOrchidWhite
WhiteBlack
BlackWhite
WhiteMediumOrchid
MediumOrchidWhite
WhiteMediumOrchid
MediumOrchidBlack
BlackWhite
WhiteBlack
BlackMediumOrchid
MediumOrchidSwitch
Vertical Combination
MediumOrchid
MediumOrchidBlack
BlackWhite
WhiteMediumOrchid
MediumOrchidWhite
WhiteBlack
BlackBlack
BlackMediumOrchid
MediumOrchidWhite
WhiteBlack
BlackWhite
WhiteMediumOrchid
MediumOrchidWhite
WhiteMediumOrchid
MediumOrchidBlack
BlackWhite
WhiteBlack
BlackMediumOrchid
MediumOrchidSwitch
Horizontal/Vertical Combination
MediumOrchid
MediumOrchidBlack
BlackWhite
WhiteMediumOrchid
MediumOrchidWhite
WhiteBlack
BlackBlack
BlackMediumOrchid
MediumOrchidWhite
WhiteBlack
BlackWhite
WhiteMediumOrchid
MediumOrchidWhite
WhiteMediumOrchid
MediumOrchidBlack
BlackWhite
WhiteBlack
BlackMediumOrchid
MediumOrchidSwitch
Three Circles
MediumOrchid
MediumOrchidBlack
BlackWhite
WhiteMediumOrchid
MediumOrchidWhite
WhiteBlack
BlackBlack
BlackMediumOrchid
MediumOrchidWhite
WhiteBlack
BlackWhite
WhiteMediumOrchid
MediumOrchidWhite
WhiteMediumOrchid
MediumOrchidBlack
BlackWhite
WhiteBlack
BlackMediumOrchid
MediumOrchidSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
MediumOrchidUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
MediumOrchidUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
MediumOrchidLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
MediumOrchidBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
MediumOrchidLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
MediumOrchidSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumOrchidBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumOrchidBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
MediumOrchidBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
MediumOrchidColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
MediumOrchidBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
MediumOrchidSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
MediumOrchidBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
MediumOrchidBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
MediumOrchidBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
MediumOrchidHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
MediumOrchidBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
MediumOrchidSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
MediumOrchidCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
MediumOrchidCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
MediumOrchidSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
MediumOrchidTopping/Fillings:
Cream:
Sponge:
WhiteCream:
MediumOrchidSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
MediumOrchidSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
MediumOrchidShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
MediumOrchidShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
MediumOrchidSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
MediumOrchidVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
MediumOrchidSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
MediumOrchidSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
MediumOrchidShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
MediumOrchidShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
MediumOrchidPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
MediumOrchidJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
MediumOrchidPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
MediumOrchidSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
MediumOrchidScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
MediumOrchidScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
MediumOrchidCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
MediumOrchidBackground:
Screen:
Cat:
WhiteScreen:
MediumOrchidCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
MediumOrchidSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
MediumOrchidCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
MediumOrchidCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
MediumOrchidAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
MediumOrchid