Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
PowderBlue
| Color Name | HEX | RGB |
|---|---|---|
PowderBlue |
#B0E0E6 |
176, 224, 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
PowderBlue
PowderBlueBlack
BlackWhite
WhitePowderBlue
PowderBlueWhite
WhiteBlack
BlackBlack
BlackPowderBlue
PowderBlueWhite
WhiteBlack
BlackWhite
WhitePowderBlue
PowderBlueWhite
WhitePowderBlue
PowderBlueBlack
BlackWhite
WhiteBlack
BlackPowderBlue
PowderBlueSwitch
Vertical Combination
PowderBlue
PowderBlueBlack
BlackWhite
WhitePowderBlue
PowderBlueWhite
WhiteBlack
BlackBlack
BlackPowderBlue
PowderBlueWhite
WhiteBlack
BlackWhite
WhitePowderBlue
PowderBlueWhite
WhitePowderBlue
PowderBlueBlack
BlackWhite
WhiteBlack
BlackPowderBlue
PowderBlueSwitch
Horizontal/Vertical Combination
PowderBlue
PowderBlueBlack
BlackWhite
WhitePowderBlue
PowderBlueWhite
WhiteBlack
BlackBlack
BlackPowderBlue
PowderBlueWhite
WhiteBlack
BlackWhite
WhitePowderBlue
PowderBlueWhite
WhitePowderBlue
PowderBlueBlack
BlackWhite
WhiteBlack
BlackPowderBlue
PowderBlueSwitch
Three Circles
PowderBlue
PowderBlueBlack
BlackWhite
WhitePowderBlue
PowderBlueWhite
WhiteBlack
BlackBlack
BlackPowderBlue
PowderBlueWhite
WhiteBlack
BlackWhite
WhitePowderBlue
PowderBlueWhite
WhitePowderBlue
PowderBlueBlack
BlackWhite
WhiteBlack
BlackPowderBlue
PowderBlueSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
PowderBlueUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
PowderBlueUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
PowderBlueLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
PowderBlueBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
PowderBlueLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
PowderBlueSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
PowderBlueBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
PowderBlueBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
PowderBlueBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
PowderBlueColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
PowderBlueBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
PowderBlueSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
PowderBlueBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
PowderBlueBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
PowderBlueBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
PowderBlueHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
PowderBlueBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
PowderBlueSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
PowderBlueCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
PowderBlueCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
PowderBlueSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
PowderBlueTopping/Fillings:
Cream:
Sponge:
WhiteCream:
PowderBlueSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
PowderBlueSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
PowderBlueShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
PowderBlueShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
PowderBlueSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
PowderBlueVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
PowderBlueSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
PowderBlueSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
PowderBlueShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
PowderBlueShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
PowderBluePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
PowderBlueJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
PowderBluePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
PowderBlueSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
PowderBlueScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
PowderBlueScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
PowderBlueCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
PowderBlueBackground:
Screen:
Cat:
WhiteScreen:
PowderBlueCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
PowderBlueSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
PowderBlueCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
PowderBlueCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
PowderBlueAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
PowderBlue