Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightSkyBlue
| Color Name | HEX | RGB |
|---|---|---|
LightSkyBlue |
#87CEFA |
135, 206, 250 |
| 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
LightSkyBlue
LightSkyBlueBlack
BlackWhite
WhiteLightSkyBlue
LightSkyBlueWhite
WhiteBlack
BlackBlack
BlackLightSkyBlue
LightSkyBlueWhite
WhiteBlack
BlackWhite
WhiteLightSkyBlue
LightSkyBlueWhite
WhiteLightSkyBlue
LightSkyBlueBlack
BlackWhite
WhiteBlack
BlackLightSkyBlue
LightSkyBlueSwitch
Vertical Combination
LightSkyBlue
LightSkyBlueBlack
BlackWhite
WhiteLightSkyBlue
LightSkyBlueWhite
WhiteBlack
BlackBlack
BlackLightSkyBlue
LightSkyBlueWhite
WhiteBlack
BlackWhite
WhiteLightSkyBlue
LightSkyBlueWhite
WhiteLightSkyBlue
LightSkyBlueBlack
BlackWhite
WhiteBlack
BlackLightSkyBlue
LightSkyBlueSwitch
Horizontal/Vertical Combination
LightSkyBlue
LightSkyBlueBlack
BlackWhite
WhiteLightSkyBlue
LightSkyBlueWhite
WhiteBlack
BlackBlack
BlackLightSkyBlue
LightSkyBlueWhite
WhiteBlack
BlackWhite
WhiteLightSkyBlue
LightSkyBlueWhite
WhiteLightSkyBlue
LightSkyBlueBlack
BlackWhite
WhiteBlack
BlackLightSkyBlue
LightSkyBlueSwitch
Three Circles
LightSkyBlue
LightSkyBlueBlack
BlackWhite
WhiteLightSkyBlue
LightSkyBlueWhite
WhiteBlack
BlackBlack
BlackLightSkyBlue
LightSkyBlueWhite
WhiteBlack
BlackWhite
WhiteLightSkyBlue
LightSkyBlueWhite
WhiteLightSkyBlue
LightSkyBlueBlack
BlackWhite
WhiteBlack
BlackLightSkyBlue
LightSkyBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightSkyBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightSkyBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightSkyBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightSkyBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightSkyBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightSkyBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightSkyBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightSkyBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightSkyBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightSkyBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightSkyBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightSkyBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightSkyBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightSkyBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightSkyBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightSkyBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightSkyBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightSkyBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightSkyBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightSkyBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightSkyBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightSkyBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightSkyBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightSkyBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightSkyBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightSkyBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightSkyBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightSkyBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightSkyBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightSkyBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightSkyBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightSkyBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightSkyBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightSkyBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightSkyBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightSkyBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightSkyBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightSkyBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightSkyBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightSkyBlueBackground:
Screen:
Cat:
WhiteScreen:
LightSkyBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightSkyBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightSkyBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightSkyBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightSkyBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightSkyBlue