Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
WhiteSmoke
| Color Name | HEX | RGB |
|---|---|---|
WhiteSmoke |
#F5F5F5 |
245, 245, 245 |
| 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
WhiteSmoke
WhiteSmokeBlack
BlackWhite
WhiteWhiteSmoke
WhiteSmokeWhite
WhiteBlack
BlackBlack
BlackWhiteSmoke
WhiteSmokeWhite
WhiteBlack
BlackWhite
WhiteWhiteSmoke
WhiteSmokeWhite
WhiteWhiteSmoke
WhiteSmokeBlack
BlackWhite
WhiteBlack
BlackWhiteSmoke
WhiteSmokeSwitch
Vertical Combination
WhiteSmoke
WhiteSmokeBlack
BlackWhite
WhiteWhiteSmoke
WhiteSmokeWhite
WhiteBlack
BlackBlack
BlackWhiteSmoke
WhiteSmokeWhite
WhiteBlack
BlackWhite
WhiteWhiteSmoke
WhiteSmokeWhite
WhiteWhiteSmoke
WhiteSmokeBlack
BlackWhite
WhiteBlack
BlackWhiteSmoke
WhiteSmokeSwitch
Horizontal/Vertical Combination
WhiteSmoke
WhiteSmokeBlack
BlackWhite
WhiteWhiteSmoke
WhiteSmokeWhite
WhiteBlack
BlackBlack
BlackWhiteSmoke
WhiteSmokeWhite
WhiteBlack
BlackWhite
WhiteWhiteSmoke
WhiteSmokeWhite
WhiteWhiteSmoke
WhiteSmokeBlack
BlackWhite
WhiteBlack
BlackWhiteSmoke
WhiteSmokeSwitch
Three Circles
WhiteSmoke
WhiteSmokeBlack
BlackWhite
WhiteWhiteSmoke
WhiteSmokeWhite
WhiteBlack
BlackBlack
BlackWhiteSmoke
WhiteSmokeWhite
WhiteBlack
BlackWhite
WhiteWhiteSmoke
WhiteSmokeWhite
WhiteWhiteSmoke
WhiteSmokeBlack
BlackWhite
WhiteBlack
BlackWhiteSmoke
WhiteSmokeSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
WhiteSmokeUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
WhiteSmokeUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteSmokeLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
WhiteSmokeBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
WhiteSmokeLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
WhiteSmokeSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteSmokeBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteSmokeBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteSmokeBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
WhiteSmokeColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
WhiteSmokeBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
WhiteSmokeSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
WhiteSmokeBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
WhiteSmokeBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteSmokeBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
WhiteSmokeHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
WhiteSmokeBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
WhiteSmokeSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
WhiteSmokeCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
WhiteSmokeCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSmokeSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
WhiteSmokeTopping/Fillings:
Cream:
Sponge:
WhiteCream:
WhiteSmokeSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
WhiteSmokeSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
WhiteSmokeShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
WhiteSmokeShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSmokeSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
WhiteSmokeVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
WhiteSmokeSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
WhiteSmokeSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
WhiteSmokeShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
WhiteSmokeShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhiteSmokePants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
WhiteSmokeJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
WhiteSmokePants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
WhiteSmokeSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
WhiteSmokeScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
WhiteSmokeScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
WhiteSmokeCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
WhiteSmokeBackground:
Screen:
Cat:
WhiteScreen:
WhiteSmokeCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
WhiteSmokeSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
WhiteSmokeCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
WhiteSmokeCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
WhiteSmokeAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
WhiteSmoke