Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightGrey
| Color Name | HEX | RGB |
|---|---|---|
LightGrey |
#D3D3D3 |
211, 211, 211 |
| 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
LightGrey
LightGreyBlack
BlackWhite
WhiteLightGrey
LightGreyWhite
WhiteBlack
BlackBlack
BlackLightGrey
LightGreyWhite
WhiteBlack
BlackWhite
WhiteLightGrey
LightGreyWhite
WhiteLightGrey
LightGreyBlack
BlackWhite
WhiteBlack
BlackLightGrey
LightGreySwitch
Vertical Combination
LightGrey
LightGreyBlack
BlackWhite
WhiteLightGrey
LightGreyWhite
WhiteBlack
BlackBlack
BlackLightGrey
LightGreyWhite
WhiteBlack
BlackWhite
WhiteLightGrey
LightGreyWhite
WhiteLightGrey
LightGreyBlack
BlackWhite
WhiteBlack
BlackLightGrey
LightGreySwitch
Horizontal/Vertical Combination
LightGrey
LightGreyBlack
BlackWhite
WhiteLightGrey
LightGreyWhite
WhiteBlack
BlackBlack
BlackLightGrey
LightGreyWhite
WhiteBlack
BlackWhite
WhiteLightGrey
LightGreyWhite
WhiteLightGrey
LightGreyBlack
BlackWhite
WhiteBlack
BlackLightGrey
LightGreySwitch
Three Circles
LightGrey
LightGreyBlack
BlackWhite
WhiteLightGrey
LightGreyWhite
WhiteBlack
BlackBlack
BlackLightGrey
LightGreyWhite
WhiteBlack
BlackWhite
WhiteLightGrey
LightGreyWhite
WhiteLightGrey
LightGreyBlack
BlackWhite
WhiteBlack
BlackLightGrey
LightGreySwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightGreyUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightGreyUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightGreyLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightGreyBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightGreyLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightGreySwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightGreyBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightGreyBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightGreyBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightGreyColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightGreyBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightGreySwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightGreyBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightGreyBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightGreyBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightGreyHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightGreyBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightGreySwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightGreyCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightGreyCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightGreySponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightGreyTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightGreySponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightGreySwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightGreyShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightGreyShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightGreySkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightGreyVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightGreySkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightGreySwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightGreyShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightGreyShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightGreyPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightGreyJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightGreyPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightGreySwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightGreyScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightGreyScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightGreyCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightGreyBackground:
Screen:
Cat:
WhiteScreen:
LightGreyCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightGreySwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightGreyCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightGreyCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightGreyAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightGrey