Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Gainsboro
| Color Name | HEX | RGB |
|---|---|---|
Gainsboro |
#DCDCDC |
220, 220, 220 |
| 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
Gainsboro
GainsboroBlack
BlackWhite
WhiteGainsboro
GainsboroWhite
WhiteBlack
BlackBlack
BlackGainsboro
GainsboroWhite
WhiteBlack
BlackWhite
WhiteGainsboro
GainsboroWhite
WhiteGainsboro
GainsboroBlack
BlackWhite
WhiteBlack
BlackGainsboro
GainsboroSwitch
Vertical Combination
Gainsboro
GainsboroBlack
BlackWhite
WhiteGainsboro
GainsboroWhite
WhiteBlack
BlackBlack
BlackGainsboro
GainsboroWhite
WhiteBlack
BlackWhite
WhiteGainsboro
GainsboroWhite
WhiteGainsboro
GainsboroBlack
BlackWhite
WhiteBlack
BlackGainsboro
GainsboroSwitch
Horizontal/Vertical Combination
Gainsboro
GainsboroBlack
BlackWhite
WhiteGainsboro
GainsboroWhite
WhiteBlack
BlackBlack
BlackGainsboro
GainsboroWhite
WhiteBlack
BlackWhite
WhiteGainsboro
GainsboroWhite
WhiteGainsboro
GainsboroBlack
BlackWhite
WhiteBlack
BlackGainsboro
GainsboroSwitch
Three Circles
Gainsboro
GainsboroBlack
BlackWhite
WhiteGainsboro
GainsboroWhite
WhiteBlack
BlackBlack
BlackGainsboro
GainsboroWhite
WhiteBlack
BlackWhite
WhiteGainsboro
GainsboroWhite
WhiteGainsboro
GainsboroBlack
BlackWhite
WhiteBlack
BlackGainsboro
GainsboroSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
GainsboroUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
GainsboroUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
GainsboroLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
GainsboroBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
GainsboroLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
GainsboroSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
GainsboroBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
GainsboroBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
GainsboroBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
GainsboroColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
GainsboroBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
GainsboroSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
GainsboroBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
GainsboroBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
GainsboroBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
GainsboroHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
GainsboroBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
GainsboroSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
GainsboroCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
GainsboroCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
GainsboroSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
GainsboroTopping/Fillings:
Cream:
Sponge:
WhiteCream:
GainsboroSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
GainsboroSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
GainsboroShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
GainsboroShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
GainsboroSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
GainsboroVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
GainsboroSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
GainsboroSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
GainsboroShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
GainsboroShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
GainsboroPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
GainsboroJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
GainsboroPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
GainsboroSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
GainsboroScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
GainsboroScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
GainsboroCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
GainsboroBackground:
Screen:
Cat:
WhiteScreen:
GainsboroCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
GainsboroSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
GainsboroCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
GainsboroCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
GainsboroAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Gainsboro