Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
SkyBlue
| Color Name | HEX | RGB |
|---|---|---|
SkyBlue |
#87CEEB |
135, 206, 235 |
| 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
SkyBlue
SkyBlueBlack
BlackWhite
WhiteSkyBlue
SkyBlueWhite
WhiteBlack
BlackBlack
BlackSkyBlue
SkyBlueWhite
WhiteBlack
BlackWhite
WhiteSkyBlue
SkyBlueWhite
WhiteSkyBlue
SkyBlueBlack
BlackWhite
WhiteBlack
BlackSkyBlue
SkyBlueSwitch
Vertical Combination
SkyBlue
SkyBlueBlack
BlackWhite
WhiteSkyBlue
SkyBlueWhite
WhiteBlack
BlackBlack
BlackSkyBlue
SkyBlueWhite
WhiteBlack
BlackWhite
WhiteSkyBlue
SkyBlueWhite
WhiteSkyBlue
SkyBlueBlack
BlackWhite
WhiteBlack
BlackSkyBlue
SkyBlueSwitch
Horizontal/Vertical Combination
SkyBlue
SkyBlueBlack
BlackWhite
WhiteSkyBlue
SkyBlueWhite
WhiteBlack
BlackBlack
BlackSkyBlue
SkyBlueWhite
WhiteBlack
BlackWhite
WhiteSkyBlue
SkyBlueWhite
WhiteSkyBlue
SkyBlueBlack
BlackWhite
WhiteBlack
BlackSkyBlue
SkyBlueSwitch
Three Circles
SkyBlue
SkyBlueBlack
BlackWhite
WhiteSkyBlue
SkyBlueWhite
WhiteBlack
BlackBlack
BlackSkyBlue
SkyBlueWhite
WhiteBlack
BlackWhite
WhiteSkyBlue
SkyBlueWhite
WhiteSkyBlue
SkyBlueBlack
BlackWhite
WhiteBlack
BlackSkyBlue
SkyBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
SkyBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
SkyBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
SkyBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
SkyBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
SkyBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
SkyBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
SkyBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
SkyBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
SkyBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
SkyBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
SkyBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
SkyBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
SkyBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
SkyBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
SkyBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
SkyBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
SkyBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
SkyBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
SkyBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
SkyBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
SkyBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
SkyBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
SkyBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
SkyBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
SkyBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
SkyBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
SkyBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
SkyBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
SkyBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
SkyBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
SkyBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
SkyBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
SkyBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
SkyBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
SkyBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
SkyBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
SkyBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
SkyBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
SkyBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
SkyBlueBackground:
Screen:
Cat:
WhiteScreen:
SkyBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
SkyBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
SkyBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
SkyBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
SkyBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
SkyBlue