Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkGrey
| Color Name | HEX | RGB |
|---|---|---|
DarkGrey |
#A9A9A9 |
169, 169, 169 |
| 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
DarkGrey
DarkGreyBlack
BlackWhite
WhiteDarkGrey
DarkGreyWhite
WhiteBlack
BlackBlack
BlackDarkGrey
DarkGreyWhite
WhiteBlack
BlackWhite
WhiteDarkGrey
DarkGreyWhite
WhiteDarkGrey
DarkGreyBlack
BlackWhite
WhiteBlack
BlackDarkGrey
DarkGreySwitch
Vertical Combination
DarkGrey
DarkGreyBlack
BlackWhite
WhiteDarkGrey
DarkGreyWhite
WhiteBlack
BlackBlack
BlackDarkGrey
DarkGreyWhite
WhiteBlack
BlackWhite
WhiteDarkGrey
DarkGreyWhite
WhiteDarkGrey
DarkGreyBlack
BlackWhite
WhiteBlack
BlackDarkGrey
DarkGreySwitch
Horizontal/Vertical Combination
DarkGrey
DarkGreyBlack
BlackWhite
WhiteDarkGrey
DarkGreyWhite
WhiteBlack
BlackBlack
BlackDarkGrey
DarkGreyWhite
WhiteBlack
BlackWhite
WhiteDarkGrey
DarkGreyWhite
WhiteDarkGrey
DarkGreyBlack
BlackWhite
WhiteBlack
BlackDarkGrey
DarkGreySwitch
Three Circles
DarkGrey
DarkGreyBlack
BlackWhite
WhiteDarkGrey
DarkGreyWhite
WhiteBlack
BlackBlack
BlackDarkGrey
DarkGreyWhite
WhiteBlack
BlackWhite
WhiteDarkGrey
DarkGreyWhite
WhiteDarkGrey
DarkGreyBlack
BlackWhite
WhiteBlack
BlackDarkGrey
DarkGreySwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkGreyUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkGreyUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkGreyLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkGreyBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkGreyLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkGreySwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkGreyBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkGreyBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkGreyBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkGreyColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkGreyBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkGreySwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkGreyBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkGreyBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkGreyBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkGreyHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkGreyBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkGreySwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkGreyCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkGreyCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkGreySponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkGreyTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkGreySponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkGreySwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkGreyShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkGreyShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkGreySkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkGreyVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkGreySkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkGreySwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkGreyShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkGreyShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkGreyPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkGreyJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkGreyPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkGreySwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkGreyScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkGreyScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkGreyCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkGreyBackground:
Screen:
Cat:
WhiteScreen:
DarkGreyCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkGreySwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkGreyCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkGreyCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkGreyAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkGrey