Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
MediumBlue
| Color Name | HEX | RGB |
|---|---|---|
MediumBlue |
#0000CD |
0, 0, 205 |
| 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
MediumBlue
MediumBlueBlack
BlackWhite
WhiteMediumBlue
MediumBlueWhite
WhiteBlack
BlackBlack
BlackMediumBlue
MediumBlueWhite
WhiteBlack
BlackWhite
WhiteMediumBlue
MediumBlueWhite
WhiteMediumBlue
MediumBlueBlack
BlackWhite
WhiteBlack
BlackMediumBlue
MediumBlueSwitch
Vertical Combination
MediumBlue
MediumBlueBlack
BlackWhite
WhiteMediumBlue
MediumBlueWhite
WhiteBlack
BlackBlack
BlackMediumBlue
MediumBlueWhite
WhiteBlack
BlackWhite
WhiteMediumBlue
MediumBlueWhite
WhiteMediumBlue
MediumBlueBlack
BlackWhite
WhiteBlack
BlackMediumBlue
MediumBlueSwitch
Horizontal/Vertical Combination
MediumBlue
MediumBlueBlack
BlackWhite
WhiteMediumBlue
MediumBlueWhite
WhiteBlack
BlackBlack
BlackMediumBlue
MediumBlueWhite
WhiteBlack
BlackWhite
WhiteMediumBlue
MediumBlueWhite
WhiteMediumBlue
MediumBlueBlack
BlackWhite
WhiteBlack
BlackMediumBlue
MediumBlueSwitch
Three Circles
MediumBlue
MediumBlueBlack
BlackWhite
WhiteMediumBlue
MediumBlueWhite
WhiteBlack
BlackBlack
BlackMediumBlue
MediumBlueWhite
WhiteBlack
BlackWhite
WhiteMediumBlue
MediumBlueWhite
WhiteMediumBlue
MediumBlueBlack
BlackWhite
WhiteBlack
BlackMediumBlue
MediumBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
MediumBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
MediumBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
MediumBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
MediumBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
MediumBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
MediumBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
MediumBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
MediumBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
MediumBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
MediumBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
MediumBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
MediumBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
MediumBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
MediumBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
MediumBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
MediumBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
MediumBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
MediumBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
MediumBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
MediumBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
MediumBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
MediumBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
MediumBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
MediumBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
MediumBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
MediumBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
MediumBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
MediumBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
MediumBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
MediumBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
MediumBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
MediumBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
MediumBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
MediumBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
MediumBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
MediumBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
MediumBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
MediumBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
MediumBlueBackground:
Screen:
Cat:
WhiteScreen:
MediumBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
MediumBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
MediumBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
MediumBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
MediumBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
MediumBlue