Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
Khaki
| Color Name | HEX | RGB |
|---|---|---|
Khaki |
#F0E68C |
240, 230, 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
Khaki
KhakiBlack
BlackWhite
WhiteKhaki
KhakiWhite
WhiteBlack
BlackBlack
BlackKhaki
KhakiWhite
WhiteBlack
BlackWhite
WhiteKhaki
KhakiWhite
WhiteKhaki
KhakiBlack
BlackWhite
WhiteBlack
BlackKhaki
KhakiSwitch
Vertical Combination
Khaki
KhakiBlack
BlackWhite
WhiteKhaki
KhakiWhite
WhiteBlack
BlackBlack
BlackKhaki
KhakiWhite
WhiteBlack
BlackWhite
WhiteKhaki
KhakiWhite
WhiteKhaki
KhakiBlack
BlackWhite
WhiteBlack
BlackKhaki
KhakiSwitch
Horizontal/Vertical Combination
Khaki
KhakiBlack
BlackWhite
WhiteKhaki
KhakiWhite
WhiteBlack
BlackBlack
BlackKhaki
KhakiWhite
WhiteBlack
BlackWhite
WhiteKhaki
KhakiWhite
WhiteKhaki
KhakiBlack
BlackWhite
WhiteBlack
BlackKhaki
KhakiSwitch
Three Circles
Khaki
KhakiBlack
BlackWhite
WhiteKhaki
KhakiWhite
WhiteBlack
BlackBlack
BlackKhaki
KhakiWhite
WhiteBlack
BlackWhite
WhiteKhaki
KhakiWhite
WhiteKhaki
KhakiBlack
BlackWhite
WhiteBlack
BlackKhaki
KhakiSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
KhakiUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
KhakiUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
KhakiLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
KhakiBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
KhakiLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
KhakiSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
KhakiBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
KhakiBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
KhakiBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
KhakiColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
KhakiBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
KhakiSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
KhakiBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
KhakiBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
KhakiBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
KhakiHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
KhakiBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
KhakiSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
KhakiCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
KhakiCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
KhakiSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
KhakiTopping/Fillings:
Cream:
Sponge:
WhiteCream:
KhakiSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
KhakiSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
KhakiShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
KhakiShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
KhakiSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
KhakiVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
KhakiSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
KhakiSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
KhakiShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
KhakiShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
KhakiPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
KhakiJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
KhakiPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
KhakiSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
KhakiScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
KhakiScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
KhakiCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
KhakiBackground:
Screen:
Cat:
WhiteScreen:
KhakiCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
KhakiSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
KhakiCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
KhakiCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
KhakiAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
Khaki