Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
SlateGrey
| Color Name | HEX | RGB |
|---|---|---|
SlateGrey |
#708090 |
112, 128, 144 |
| 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
SlateGrey
SlateGreyBlack
BlackWhite
WhiteSlateGrey
SlateGreyWhite
WhiteBlack
BlackBlack
BlackSlateGrey
SlateGreyWhite
WhiteBlack
BlackWhite
WhiteSlateGrey
SlateGreyWhite
WhiteSlateGrey
SlateGreyBlack
BlackWhite
WhiteBlack
BlackSlateGrey
SlateGreySwitch
Vertical Combination
SlateGrey
SlateGreyBlack
BlackWhite
WhiteSlateGrey
SlateGreyWhite
WhiteBlack
BlackBlack
BlackSlateGrey
SlateGreyWhite
WhiteBlack
BlackWhite
WhiteSlateGrey
SlateGreyWhite
WhiteSlateGrey
SlateGreyBlack
BlackWhite
WhiteBlack
BlackSlateGrey
SlateGreySwitch
Horizontal/Vertical Combination
SlateGrey
SlateGreyBlack
BlackWhite
WhiteSlateGrey
SlateGreyWhite
WhiteBlack
BlackBlack
BlackSlateGrey
SlateGreyWhite
WhiteBlack
BlackWhite
WhiteSlateGrey
SlateGreyWhite
WhiteSlateGrey
SlateGreyBlack
BlackWhite
WhiteBlack
BlackSlateGrey
SlateGreySwitch
Three Circles
SlateGrey
SlateGreyBlack
BlackWhite
WhiteSlateGrey
SlateGreyWhite
WhiteBlack
BlackBlack
BlackSlateGrey
SlateGreyWhite
WhiteBlack
BlackWhite
WhiteSlateGrey
SlateGreyWhite
WhiteSlateGrey
SlateGreyBlack
BlackWhite
WhiteBlack
BlackSlateGrey
SlateGreySwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
SlateGreyUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
SlateGreyUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
SlateGreyLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
SlateGreyBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
SlateGreyLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
SlateGreySwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
SlateGreyBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
SlateGreyBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
SlateGreyBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
SlateGreyColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
SlateGreyBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
SlateGreySwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
SlateGreyBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
SlateGreyBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
SlateGreyBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
SlateGreyHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
SlateGreyBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
SlateGreySwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
SlateGreyCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
SlateGreyCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
SlateGreySponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
SlateGreyTopping/Fillings:
Cream:
Sponge:
WhiteCream:
SlateGreySponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
SlateGreySwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
SlateGreyShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
SlateGreyShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
SlateGreySkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
SlateGreyVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
SlateGreySkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
SlateGreySwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
SlateGreyShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
SlateGreyShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
SlateGreyPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
SlateGreyJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
SlateGreyPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
SlateGreySwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
SlateGreyScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
SlateGreyScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
SlateGreyCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
SlateGreyBackground:
Screen:
Cat:
WhiteScreen:
SlateGreyCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
SlateGreySwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
SlateGreyCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
SlateGreyCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
SlateGreyAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
SlateGrey