Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
LightSlateGrey
| Color Name | HEX | RGB |
|---|---|---|
LightSlateGrey |
#778899 |
119, 136, 153 |
| 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
LightSlateGrey
LightSlateGreyBlack
BlackWhite
WhiteLightSlateGrey
LightSlateGreyWhite
WhiteBlack
BlackBlack
BlackLightSlateGrey
LightSlateGreyWhite
WhiteBlack
BlackWhite
WhiteLightSlateGrey
LightSlateGreyWhite
WhiteLightSlateGrey
LightSlateGreyBlack
BlackWhite
WhiteBlack
BlackLightSlateGrey
LightSlateGreySwitch
Vertical Combination
LightSlateGrey
LightSlateGreyBlack
BlackWhite
WhiteLightSlateGrey
LightSlateGreyWhite
WhiteBlack
BlackBlack
BlackLightSlateGrey
LightSlateGreyWhite
WhiteBlack
BlackWhite
WhiteLightSlateGrey
LightSlateGreyWhite
WhiteLightSlateGrey
LightSlateGreyBlack
BlackWhite
WhiteBlack
BlackLightSlateGrey
LightSlateGreySwitch
Horizontal/Vertical Combination
LightSlateGrey
LightSlateGreyBlack
BlackWhite
WhiteLightSlateGrey
LightSlateGreyWhite
WhiteBlack
BlackBlack
BlackLightSlateGrey
LightSlateGreyWhite
WhiteBlack
BlackWhite
WhiteLightSlateGrey
LightSlateGreyWhite
WhiteLightSlateGrey
LightSlateGreyBlack
BlackWhite
WhiteBlack
BlackLightSlateGrey
LightSlateGreySwitch
Three Circles
LightSlateGrey
LightSlateGreyBlack
BlackWhite
WhiteLightSlateGrey
LightSlateGreyWhite
WhiteBlack
BlackBlack
BlackLightSlateGrey
LightSlateGreyWhite
WhiteBlack
BlackWhite
WhiteLightSlateGrey
LightSlateGreyWhite
WhiteLightSlateGrey
LightSlateGreyBlack
BlackWhite
WhiteBlack
BlackLightSlateGrey
LightSlateGreySwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
LightSlateGreyUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
LightSlateGreyUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
LightSlateGreyLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
LightSlateGreyBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
LightSlateGreyLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
LightSlateGreySwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
LightSlateGreyBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
LightSlateGreyBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
LightSlateGreyBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
LightSlateGreyColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
LightSlateGreyBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
LightSlateGreySwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
LightSlateGreyBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
LightSlateGreyBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
LightSlateGreyBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
LightSlateGreyHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
LightSlateGreyBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
LightSlateGreySwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
LightSlateGreyCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
LightSlateGreyCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
LightSlateGreySponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
LightSlateGreyTopping/Fillings:
Cream:
Sponge:
WhiteCream:
LightSlateGreySponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
LightSlateGreySwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
LightSlateGreyShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
LightSlateGreyShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
LightSlateGreySkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
LightSlateGreyVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
LightSlateGreySkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
LightSlateGreySwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
LightSlateGreyShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
LightSlateGreyShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
LightSlateGreyPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
LightSlateGreyJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
LightSlateGreyPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
LightSlateGreySwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
LightSlateGreyScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
LightSlateGreyScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
LightSlateGreyCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
LightSlateGreyBackground:
Screen:
Cat:
WhiteScreen:
LightSlateGreyCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
LightSlateGreySwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
LightSlateGreyCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
LightSlateGreyCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
LightSlateGreyAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
LightSlateGrey