Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkSlateGrey
| Color Name | HEX | RGB |
|---|---|---|
DarkSlateGrey |
#2F4F4F |
47, 79, 79 |
| 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
DarkSlateGrey
DarkSlateGreyBlack
BlackWhite
WhiteDarkSlateGrey
DarkSlateGreyWhite
WhiteBlack
BlackBlack
BlackDarkSlateGrey
DarkSlateGreyWhite
WhiteBlack
BlackWhite
WhiteDarkSlateGrey
DarkSlateGreyWhite
WhiteDarkSlateGrey
DarkSlateGreyBlack
BlackWhite
WhiteBlack
BlackDarkSlateGrey
DarkSlateGreySwitch
Vertical Combination
DarkSlateGrey
DarkSlateGreyBlack
BlackWhite
WhiteDarkSlateGrey
DarkSlateGreyWhite
WhiteBlack
BlackBlack
BlackDarkSlateGrey
DarkSlateGreyWhite
WhiteBlack
BlackWhite
WhiteDarkSlateGrey
DarkSlateGreyWhite
WhiteDarkSlateGrey
DarkSlateGreyBlack
BlackWhite
WhiteBlack
BlackDarkSlateGrey
DarkSlateGreySwitch
Horizontal/Vertical Combination
DarkSlateGrey
DarkSlateGreyBlack
BlackWhite
WhiteDarkSlateGrey
DarkSlateGreyWhite
WhiteBlack
BlackBlack
BlackDarkSlateGrey
DarkSlateGreyWhite
WhiteBlack
BlackWhite
WhiteDarkSlateGrey
DarkSlateGreyWhite
WhiteDarkSlateGrey
DarkSlateGreyBlack
BlackWhite
WhiteBlack
BlackDarkSlateGrey
DarkSlateGreySwitch
Three Circles
DarkSlateGrey
DarkSlateGreyBlack
BlackWhite
WhiteDarkSlateGrey
DarkSlateGreyWhite
WhiteBlack
BlackBlack
BlackDarkSlateGrey
DarkSlateGreyWhite
WhiteBlack
BlackWhite
WhiteDarkSlateGrey
DarkSlateGreyWhite
WhiteDarkSlateGrey
DarkSlateGreyBlack
BlackWhite
WhiteBlack
BlackDarkSlateGrey
DarkSlateGreySwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkSlateGreyUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkSlateGreyUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkSlateGreyLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkSlateGreyBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkSlateGreyLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkSlateGreySwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkSlateGreyBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkSlateGreyBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkSlateGreyBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkSlateGreyColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkSlateGreyBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkSlateGreySwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkSlateGreyBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkSlateGreyBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkSlateGreyBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkSlateGreyHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkSlateGreyBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkSlateGreySwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkSlateGreyCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkSlateGreyCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkSlateGreySponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkSlateGreyTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkSlateGreySponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkSlateGreySwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkSlateGreyShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkSlateGreyShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkSlateGreySkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkSlateGreyVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkSlateGreySkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkSlateGreySwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkSlateGreyShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkSlateGreyShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkSlateGreyPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkSlateGreyJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkSlateGreyPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkSlateGreySwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkSlateGreyScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkSlateGreyScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkSlateGreyCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkSlateGreyBackground:
Screen:
Cat:
WhiteScreen:
DarkSlateGreyCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkSlateGreySwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkSlateGreyCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkSlateGreyCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkSlateGreyAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkSlateGrey