Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
SteelBlue
| Color Name | HEX | RGB |
|---|---|---|
SteelBlue |
#4682B4 |
70, 130, 180 |
| 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
SteelBlue
SteelBlueBlack
BlackWhite
WhiteSteelBlue
SteelBlueWhite
WhiteBlack
BlackBlack
BlackSteelBlue
SteelBlueWhite
WhiteBlack
BlackWhite
WhiteSteelBlue
SteelBlueWhite
WhiteSteelBlue
SteelBlueBlack
BlackWhite
WhiteBlack
BlackSteelBlue
SteelBlueSwitch
Vertical Combination
SteelBlue
SteelBlueBlack
BlackWhite
WhiteSteelBlue
SteelBlueWhite
WhiteBlack
BlackBlack
BlackSteelBlue
SteelBlueWhite
WhiteBlack
BlackWhite
WhiteSteelBlue
SteelBlueWhite
WhiteSteelBlue
SteelBlueBlack
BlackWhite
WhiteBlack
BlackSteelBlue
SteelBlueSwitch
Horizontal/Vertical Combination
SteelBlue
SteelBlueBlack
BlackWhite
WhiteSteelBlue
SteelBlueWhite
WhiteBlack
BlackBlack
BlackSteelBlue
SteelBlueWhite
WhiteBlack
BlackWhite
WhiteSteelBlue
SteelBlueWhite
WhiteSteelBlue
SteelBlueBlack
BlackWhite
WhiteBlack
BlackSteelBlue
SteelBlueSwitch
Three Circles
SteelBlue
SteelBlueBlack
BlackWhite
WhiteSteelBlue
SteelBlueWhite
WhiteBlack
BlackBlack
BlackSteelBlue
SteelBlueWhite
WhiteBlack
BlackWhite
WhiteSteelBlue
SteelBlueWhite
WhiteSteelBlue
SteelBlueBlack
BlackWhite
WhiteBlack
BlackSteelBlue
SteelBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
SteelBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
SteelBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
SteelBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
SteelBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
SteelBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
SteelBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
SteelBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
SteelBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
SteelBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
SteelBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
SteelBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
SteelBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
SteelBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
SteelBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
SteelBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
SteelBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
SteelBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
SteelBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
SteelBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
SteelBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
SteelBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
SteelBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
SteelBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
SteelBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
SteelBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
SteelBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
SteelBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
SteelBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
SteelBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
SteelBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
SteelBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
SteelBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
SteelBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
SteelBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
SteelBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
SteelBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
SteelBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
SteelBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
SteelBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
SteelBlueBackground:
Screen:
Cat:
WhiteScreen:
SteelBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
SteelBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
SteelBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
SteelBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
SteelBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
SteelBlue
<