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
black
andwhite
.
Horizontal Combination
LightSteelBlue
LightSteelBlue
Black
Black
White
White
LightSteelBlue
LightSteelBlue
White
White
Black
Black
Black
Black
LightSteelBlue
LightSteelBlue
White
White
Black
Black
White
White
LightSteelBlue
LightSteelBlue
White
White
LightSteelBlue
LightSteelBlue
Black
Black
White
White
Black
Black
LightSteelBlue
LightSteelBlue
Switch
Vertical Combination
LightSteelBlue
LightSteelBlue
Black
Black
White
White
LightSteelBlue
LightSteelBlue
White
White
Black
Black
Black
Black
LightSteelBlue
LightSteelBlue
White
White
Black
Black
White
White
LightSteelBlue
LightSteelBlue
White
White
LightSteelBlue
LightSteelBlue
Black
Black
White
White
Black
Black
LightSteelBlue
LightSteelBlue
Switch
Horizontal/Vertical Combination
LightSteelBlue
LightSteelBlue
Black
Black
White
White
LightSteelBlue
LightSteelBlue
White
White
Black
Black
Black
Black
LightSteelBlue
LightSteelBlue
White
White
Black
Black
White
White
LightSteelBlue
LightSteelBlue
White
White
LightSteelBlue
LightSteelBlue
Black
Black
White
White
Black
Black
LightSteelBlue
LightSteelBlue
Switch
Three Circles
LightSteelBlue
LightSteelBlue
Black
Black
White
White
LightSteelBlue
LightSteelBlue
White
White
Black
Black
Black
Black
LightSteelBlue
LightSteelBlue
White
White
Black
Black
White
White
LightSteelBlue
LightSteelBlue
White
White
LightSteelBlue
LightSteelBlue
Black
Black
White
White
Black
Black
LightSteelBlue
LightSteelBlue
Switch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightSteelBlue
Upper-right circle:
Black
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
LightSteelBlue
Upper-right circle:
White
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
LightSteelBlue
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
White
Lower-left circle:
LightSteelBlue
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
LightSteelBlue
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Black
Lower-left circle:
LightSteelBlue
Switch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightSteelBlue
Background:
Black
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightSteelBlue
Background:
White
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
LightSteelBlue
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
White
Border-bottom:
LightSteelBlue
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
LightSteelBlue
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Black
Border-bottom:
LightSteelBlue
Switch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightSteelBlue
Beak/Legs:
Black
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
LightSteelBlue
Beak/Legs:
White
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
LightSteelBlue
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
White
Body:
LightSteelBlue
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
LightSteelBlue
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Black
Body:
LightSteelBlue
Switch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightSteelBlue
Cream:
Black
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
LightSteelBlue
Cream:
White
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
LightSteelBlue
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
White
Sponge:
LightSteelBlue
Topping/Fillings:
Cream:
Sponge:
White
Cream:
LightSteelBlue
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Black
Sponge:
LightSteelBlue
Switch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightSteelBlue
Shirt/Boots:
Black
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
LightSteelBlue
Shirt/Boots:
White
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
LightSteelBlue
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
White
Skirt:
LightSteelBlue
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
LightSteelBlue
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Black
Skirt:
LightSteelBlue
Switch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightSteelBlue
Shirt:
Black
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
LightSteelBlue
Shirt:
White
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
LightSteelBlue
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
White
Pants:
LightSteelBlue
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
LightSteelBlue
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Black
Pants:
LightSteelBlue
Switch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightSteelBlue
Screen:
Black
Cat:
White
Background:
Screen:
Cat:
LightSteelBlue
Screen:
White
Cat:
Black
Background:
Screen:
Cat:
Black
Screen:
LightSteelBlue
Cat:
White
Background:
Screen:
Cat:
Black
Screen:
White
Cat:
LightSteelBlue
Background:
Screen:
Cat:
White
Screen:
LightSteelBlue
Cat:
Black
Background:
Screen:
Cat:
White
Screen:
Black
Cat:
LightSteelBlue
Switch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightSteelBlue
Cat:
Black
AC Condenser:
White
Background:
Cat:
AC Condenser:
LightSteelBlue
Cat:
White
AC Condenser:
Black
Background:
Cat:
AC Condenser:
Black
Cat:
LightSteelBlue
AC Condenser:
White
Background:
Cat:
AC Condenser:
Black
Cat:
White
AC Condenser:
LightSteelBlue