Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DimGrey
| Color Name | HEX | RGB |
|---|---|---|
DimGrey |
#696969 |
105, 105, 105 |
| 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
DimGrey
DimGreyBlack
BlackWhite
WhiteDimGrey
DimGreyWhite
WhiteBlack
BlackBlack
BlackDimGrey
DimGreyWhite
WhiteBlack
BlackWhite
WhiteDimGrey
DimGreyWhite
WhiteDimGrey
DimGreyBlack
BlackWhite
WhiteBlack
BlackDimGrey
DimGreySwitch
Vertical Combination
DimGrey
DimGreyBlack
BlackWhite
WhiteDimGrey
DimGreyWhite
WhiteBlack
BlackBlack
BlackDimGrey
DimGreyWhite
WhiteBlack
BlackWhite
WhiteDimGrey
DimGreyWhite
WhiteDimGrey
DimGreyBlack
BlackWhite
WhiteBlack
BlackDimGrey
DimGreySwitch
Horizontal/Vertical Combination
DimGrey
DimGreyBlack
BlackWhite
WhiteDimGrey
DimGreyWhite
WhiteBlack
BlackBlack
BlackDimGrey
DimGreyWhite
WhiteBlack
BlackWhite
WhiteDimGrey
DimGreyWhite
WhiteDimGrey
DimGreyBlack
BlackWhite
WhiteBlack
BlackDimGrey
DimGreySwitch
Three Circles
DimGrey
DimGreyBlack
BlackWhite
WhiteDimGrey
DimGreyWhite
WhiteBlack
BlackBlack
BlackDimGrey
DimGreyWhite
WhiteBlack
BlackWhite
WhiteDimGrey
DimGreyWhite
WhiteDimGrey
DimGreyBlack
BlackWhite
WhiteBlack
BlackDimGrey
DimGreySwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DimGreyUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DimGreyUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DimGreyLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DimGreyBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DimGreyLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DimGreySwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DimGreyBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DimGreyBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DimGreyBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DimGreyColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DimGreyBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DimGreySwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DimGreyBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DimGreyBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DimGreyBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DimGreyHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DimGreyBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DimGreySwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DimGreyCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DimGreyCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DimGreySponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DimGreyTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DimGreySponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DimGreySwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DimGreyShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DimGreyShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DimGreySkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DimGreyVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DimGreySkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DimGreySwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DimGreyShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DimGreyShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DimGreyPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DimGreyJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DimGreyPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DimGreySwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DimGreyScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DimGreyScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DimGreyCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DimGreyBackground:
Screen:
Cat:
WhiteScreen:
DimGreyCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DimGreySwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DimGreyCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DimGreyCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DimGreyAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DimGrey