Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
MediumSlateBlue
| Color Name | HEX | RGB |
|---|---|---|
MediumSlateBlue |
#7B68EE |
123, 104, 238 |
| 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
MediumSlateBlue
MediumSlateBlueBlack
BlackWhite
WhiteMediumSlateBlue
MediumSlateBlueWhite
WhiteBlack
BlackBlack
BlackMediumSlateBlue
MediumSlateBlueWhite
WhiteBlack
BlackWhite
WhiteMediumSlateBlue
MediumSlateBlueWhite
WhiteMediumSlateBlue
MediumSlateBlueBlack
BlackWhite
WhiteBlack
BlackMediumSlateBlue
MediumSlateBlueSwitch
Vertical Combination
MediumSlateBlue
MediumSlateBlueBlack
BlackWhite
WhiteMediumSlateBlue
MediumSlateBlueWhite
WhiteBlack
BlackBlack
BlackMediumSlateBlue
MediumSlateBlueWhite
WhiteBlack
BlackWhite
WhiteMediumSlateBlue
MediumSlateBlueWhite
WhiteMediumSlateBlue
MediumSlateBlueBlack
BlackWhite
WhiteBlack
BlackMediumSlateBlue
MediumSlateBlueSwitch
Horizontal/Vertical Combination
MediumSlateBlue
MediumSlateBlueBlack
BlackWhite
WhiteMediumSlateBlue
MediumSlateBlueWhite
WhiteBlack
BlackBlack
BlackMediumSlateBlue
MediumSlateBlueWhite
WhiteBlack
BlackWhite
WhiteMediumSlateBlue
MediumSlateBlueWhite
WhiteMediumSlateBlue
MediumSlateBlueBlack
BlackWhite
WhiteBlack
BlackMediumSlateBlue
MediumSlateBlueSwitch
Three Circles
MediumSlateBlue
MediumSlateBlueBlack
BlackWhite
WhiteMediumSlateBlue
MediumSlateBlueWhite
WhiteBlack
BlackBlack
BlackMediumSlateBlue
MediumSlateBlueWhite
WhiteBlack
BlackWhite
WhiteMediumSlateBlue
MediumSlateBlueWhite
WhiteMediumSlateBlue
MediumSlateBlueBlack
BlackWhite
WhiteBlack
BlackMediumSlateBlue
MediumSlateBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
MediumSlateBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
MediumSlateBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
MediumSlateBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
MediumSlateBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
MediumSlateBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
MediumSlateBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumSlateBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumSlateBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
MediumSlateBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
MediumSlateBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
MediumSlateBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
MediumSlateBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
MediumSlateBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
MediumSlateBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
MediumSlateBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
MediumSlateBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
MediumSlateBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
MediumSlateBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
MediumSlateBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
MediumSlateBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
MediumSlateBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
MediumSlateBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
MediumSlateBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
MediumSlateBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
MediumSlateBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
MediumSlateBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
MediumSlateBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
MediumSlateBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
MediumSlateBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
MediumSlateBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
MediumSlateBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
MediumSlateBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
MediumSlateBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
MediumSlateBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
MediumSlateBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
MediumSlateBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
MediumSlateBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
MediumSlateBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
MediumSlateBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
MediumSlateBlueBackground:
Screen:
Cat:
WhiteScreen:
MediumSlateBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
MediumSlateBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
MediumSlateBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
MediumSlateBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
MediumSlateBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
MediumSlateBlue