Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Tan
| Color Name | HEX | RGB |
|---|---|---|
Tan |
#D2B48C |
210, 180, 140 |
| 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
Tan
TanBlack
BlackWhite
WhiteTan
TanWhite
WhiteBlack
BlackBlack
BlackTan
TanWhite
WhiteBlack
BlackWhite
WhiteTan
TanWhite
WhiteTan
TanBlack
BlackWhite
WhiteBlack
BlackTan
TanSwitch
Vertical Combination
Tan
TanBlack
BlackWhite
WhiteTan
TanWhite
WhiteBlack
BlackBlack
BlackTan
TanWhite
WhiteBlack
BlackWhite
WhiteTan
TanWhite
WhiteTan
TanBlack
BlackWhite
WhiteBlack
BlackTan
TanSwitch
Horizontal/Vertical Combination
Tan
TanBlack
BlackWhite
WhiteTan
TanWhite
WhiteBlack
BlackBlack
BlackTan
TanWhite
WhiteBlack
BlackWhite
WhiteTan
TanWhite
WhiteTan
TanBlack
BlackWhite
WhiteBlack
BlackTan
TanSwitch
Three Circles
Tan
TanBlack
BlackWhite
WhiteTan
TanWhite
WhiteBlack
BlackBlack
BlackTan
TanWhite
WhiteBlack
BlackWhite
WhiteTan
TanWhite
WhiteTan
TanBlack
BlackWhite
WhiteBlack
BlackTan
TanSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
TanUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
TanUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
TanLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
TanBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
TanLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
TanSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
TanBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
TanBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
TanBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
TanColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
TanBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
TanSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
TanBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
TanBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
TanBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
TanHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
TanBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
TanSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
TanCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
TanCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
TanSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
TanTopping/Fillings:
Cream:
Sponge:
WhiteCream:
TanSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
TanSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
TanShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
TanShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
TanSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
TanVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
TanSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
TanSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
TanShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
TanShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
TanPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
TanJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
TanPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
TanSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
TanScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
TanScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
TanCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
TanBackground:
Screen:
Cat:
WhiteScreen:
TanCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
TanSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
TanCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
TanCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
TanAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Tan