Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkKhaki
| Color Name | HEX | RGB |
|---|---|---|
DarkKhaki |
#BDB76B |
189, 183, 107 |
| 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
DarkKhaki
DarkKhakiBlack
BlackWhite
WhiteDarkKhaki
DarkKhakiWhite
WhiteBlack
BlackBlack
BlackDarkKhaki
DarkKhakiWhite
WhiteBlack
BlackWhite
WhiteDarkKhaki
DarkKhakiWhite
WhiteDarkKhaki
DarkKhakiBlack
BlackWhite
WhiteBlack
BlackDarkKhaki
DarkKhakiSwitch
Vertical Combination
DarkKhaki
DarkKhakiBlack
BlackWhite
WhiteDarkKhaki
DarkKhakiWhite
WhiteBlack
BlackBlack
BlackDarkKhaki
DarkKhakiWhite
WhiteBlack
BlackWhite
WhiteDarkKhaki
DarkKhakiWhite
WhiteDarkKhaki
DarkKhakiBlack
BlackWhite
WhiteBlack
BlackDarkKhaki
DarkKhakiSwitch
Horizontal/Vertical Combination
DarkKhaki
DarkKhakiBlack
BlackWhite
WhiteDarkKhaki
DarkKhakiWhite
WhiteBlack
BlackBlack
BlackDarkKhaki
DarkKhakiWhite
WhiteBlack
BlackWhite
WhiteDarkKhaki
DarkKhakiWhite
WhiteDarkKhaki
DarkKhakiBlack
BlackWhite
WhiteBlack
BlackDarkKhaki
DarkKhakiSwitch
Three Circles
DarkKhaki
DarkKhakiBlack
BlackWhite
WhiteDarkKhaki
DarkKhakiWhite
WhiteBlack
BlackBlack
BlackDarkKhaki
DarkKhakiWhite
WhiteBlack
BlackWhite
WhiteDarkKhaki
DarkKhakiWhite
WhiteDarkKhaki
DarkKhakiBlack
BlackWhite
WhiteBlack
BlackDarkKhaki
DarkKhakiSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkKhakiUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkKhakiUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkKhakiLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkKhakiBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkKhakiLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkKhakiSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkKhakiBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkKhakiBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkKhakiBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkKhakiColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkKhakiBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkKhakiSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkKhakiBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkKhakiBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkKhakiBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkKhakiHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkKhakiBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkKhakiSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkKhakiCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkKhakiCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkKhakiSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkKhakiTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkKhakiSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkKhakiSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkKhakiShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkKhakiShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkKhakiSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkKhakiVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkKhakiSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkKhakiSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkKhakiShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkKhakiShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkKhakiPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkKhakiJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkKhakiPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkKhakiSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkKhakiScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkKhakiScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkKhakiCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkKhakiBackground:
Screen:
Cat:
WhiteScreen:
DarkKhakiCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkKhakiSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkKhakiCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkKhakiCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkKhakiAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkKhaki