Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightBlue
| Color Name | HEX | RGB |
|---|---|---|
LightBlue |
#ADD8E6 |
173, 216, 230 |
| 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
LightBlue
LightBlueBlack
BlackWhite
WhiteLightBlue
LightBlueWhite
WhiteBlack
BlackBlack
BlackLightBlue
LightBlueWhite
WhiteBlack
BlackWhite
WhiteLightBlue
LightBlueWhite
WhiteLightBlue
LightBlueBlack
BlackWhite
WhiteBlack
BlackLightBlue
LightBlueSwitch
Vertical Combination
LightBlue
LightBlueBlack
BlackWhite
WhiteLightBlue
LightBlueWhite
WhiteBlack
BlackBlack
BlackLightBlue
LightBlueWhite
WhiteBlack
BlackWhite
WhiteLightBlue
LightBlueWhite
WhiteLightBlue
LightBlueBlack
BlackWhite
WhiteBlack
BlackLightBlue
LightBlueSwitch
Horizontal/Vertical Combination
LightBlue
LightBlueBlack
BlackWhite
WhiteLightBlue
LightBlueWhite
WhiteBlack
BlackBlack
BlackLightBlue
LightBlueWhite
WhiteBlack
BlackWhite
WhiteLightBlue
LightBlueWhite
WhiteLightBlue
LightBlueBlack
BlackWhite
WhiteBlack
BlackLightBlue
LightBlueSwitch
Three Circles
LightBlue
LightBlueBlack
BlackWhite
WhiteLightBlue
LightBlueWhite
WhiteBlack
BlackBlack
BlackLightBlue
LightBlueWhite
WhiteBlack
BlackWhite
WhiteLightBlue
LightBlueWhite
WhiteLightBlue
LightBlueBlack
BlackWhite
WhiteBlack
BlackLightBlue
LightBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightBlueBackground:
Screen:
Cat:
WhiteScreen:
LightBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightBlue