Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightSteelBlue
| Color Name | HEX | RGB |
|---|---|---|
LightSteelBlue |
#B0C4DE |
176, 196, 222 |
| 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
LightSteelBlue
LightSteelBlueBlack
BlackWhite
WhiteLightSteelBlue
LightSteelBlueWhite
WhiteBlack
BlackBlack
BlackLightSteelBlue
LightSteelBlueWhite
WhiteBlack
BlackWhite
WhiteLightSteelBlue
LightSteelBlueWhite
WhiteLightSteelBlue
LightSteelBlueBlack
BlackWhite
WhiteBlack
BlackLightSteelBlue
LightSteelBlueSwitch
Vertical Combination
LightSteelBlue
LightSteelBlueBlack
BlackWhite
WhiteLightSteelBlue
LightSteelBlueWhite
WhiteBlack
BlackBlack
BlackLightSteelBlue
LightSteelBlueWhite
WhiteBlack
BlackWhite
WhiteLightSteelBlue
LightSteelBlueWhite
WhiteLightSteelBlue
LightSteelBlueBlack
BlackWhite
WhiteBlack
BlackLightSteelBlue
LightSteelBlueSwitch
Horizontal/Vertical Combination
LightSteelBlue
LightSteelBlueBlack
BlackWhite
WhiteLightSteelBlue
LightSteelBlueWhite
WhiteBlack
BlackBlack
BlackLightSteelBlue
LightSteelBlueWhite
WhiteBlack
BlackWhite
WhiteLightSteelBlue
LightSteelBlueWhite
WhiteLightSteelBlue
LightSteelBlueBlack
BlackWhite
WhiteBlack
BlackLightSteelBlue
LightSteelBlueSwitch
Three Circles
LightSteelBlue
LightSteelBlueBlack
BlackWhite
WhiteLightSteelBlue
LightSteelBlueWhite
WhiteBlack
BlackBlack
BlackLightSteelBlue
LightSteelBlueWhite
WhiteBlack
BlackWhite
WhiteLightSteelBlue
LightSteelBlueWhite
WhiteLightSteelBlue
LightSteelBlueBlack
BlackWhite
WhiteBlack
BlackLightSteelBlue
LightSteelBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightSteelBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightSteelBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightSteelBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightSteelBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightSteelBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightSteelBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightSteelBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightSteelBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightSteelBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightSteelBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightSteelBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightSteelBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightSteelBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightSteelBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightSteelBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightSteelBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightSteelBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightSteelBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightSteelBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightSteelBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightSteelBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightSteelBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightSteelBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightSteelBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightSteelBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightSteelBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightSteelBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightSteelBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightSteelBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightSteelBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightSteelBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightSteelBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightSteelBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightSteelBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightSteelBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightSteelBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightSteelBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightSteelBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightSteelBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightSteelBlueBackground:
Screen:
Cat:
WhiteScreen:
LightSteelBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightSteelBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightSteelBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightSteelBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightSteelBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightSteelBlue