Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Grey
| Color Name | HEX | RGB |
|---|---|---|
Grey |
#808080 |
128, 128, 128 |
| 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
Grey
GreyBlack
BlackWhite
WhiteGrey
GreyWhite
WhiteBlack
BlackBlack
BlackGrey
GreyWhite
WhiteBlack
BlackWhite
WhiteGrey
GreyWhite
WhiteGrey
GreyBlack
BlackWhite
WhiteBlack
BlackGrey
GreySwitch
Vertical Combination
Grey
GreyBlack
BlackWhite
WhiteGrey
GreyWhite
WhiteBlack
BlackBlack
BlackGrey
GreyWhite
WhiteBlack
BlackWhite
WhiteGrey
GreyWhite
WhiteGrey
GreyBlack
BlackWhite
WhiteBlack
BlackGrey
GreySwitch
Horizontal/Vertical Combination
Grey
GreyBlack
BlackWhite
WhiteGrey
GreyWhite
WhiteBlack
BlackBlack
BlackGrey
GreyWhite
WhiteBlack
BlackWhite
WhiteGrey
GreyWhite
WhiteGrey
GreyBlack
BlackWhite
WhiteBlack
BlackGrey
GreySwitch
Three Circles
Grey
GreyBlack
BlackWhite
WhiteGrey
GreyWhite
WhiteBlack
BlackBlack
BlackGrey
GreyWhite
WhiteBlack
BlackWhite
WhiteGrey
GreyWhite
WhiteGrey
GreyBlack
BlackWhite
WhiteBlack
BlackGrey
GreySwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
GreyUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
GreyUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
GreyLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
GreyBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
GreyLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
GreySwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
GreyBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
GreyBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
GreyBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
GreyColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
GreyBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
GreySwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
GreyBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
GreyBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
GreyBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
GreyHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
GreyBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
GreySwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
GreyCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
GreyCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
GreySponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
GreyTopping/Fillings:
Cream:
Sponge:
WhiteCream:
GreySponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
GreySwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
GreyShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
GreyShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
GreySkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
GreyVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
GreySkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
GreySwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
GreyShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
GreyShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
GreyPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
GreyJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
GreyPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
GreySwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
GreyScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
GreyScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
GreyCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
GreyBackground:
Screen:
Cat:
WhiteScreen:
GreyCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
GreySwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
GreyCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
GreyCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
GreyAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Grey