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
black
andwhite
.
Horizontal Combination
Khaki
Khaki
Black
Black
White
White
Khaki
Khaki
White
White
Black
Black
Black
Black
Khaki
Khaki
White
White
Black
Black
White
White
Khaki
Khaki
White
White
Khaki
Khaki
Black
Black
White
White
Black
Black
Khaki
Khaki
Switch
Vertical Combination
Khaki
Khaki
Black
Black
White
White
Khaki
Khaki
White
White
Black
Black
Black
Black
Khaki
Khaki
White
White
Black
Black
White
White
Khaki
Khaki
White
White
Khaki
Khaki
Black
Black
White
White
Black
Black
Khaki
Khaki
Switch
Horizontal/Vertical Combination
Khaki
Khaki
Black
Black
White
White
Khaki
Khaki
White
White
Black
Black
Black
Black
Khaki
Khaki
White
White
Black
Black
White
White
Khaki
Khaki
White
White
Khaki
Khaki
Black
Black
White
White
Black
Black
Khaki
Khaki
Switch
Three Circles
Khaki
Khaki
Black
Black
White
White
Khaki
Khaki
White
White
Black
Black
Black
Black
Khaki
Khaki
White
White
Black
Black
White
White
Khaki
Khaki
White
White
Khaki
Khaki
Black
Black
White
White
Black
Black
Khaki
Khaki
Switch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
Khaki
Upper-right circle:
Black
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Khaki
Upper-right circle:
White
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
Khaki
Lower-left circle:
White
Background:
Upper-right circle:
Lower-left circle:
Black
Upper-right circle:
White
Lower-left circle:
Khaki
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Khaki
Lower-left circle:
Black
Background:
Upper-right circle:
Lower-left circle:
White
Upper-right circle:
Black
Lower-left circle:
Khaki
Switch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Khaki
Background:
Black
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Khaki
Background:
White
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
Khaki
Border-bottom:
White
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
Black
Background:
White
Border-bottom:
Khaki
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Khaki
Border-bottom:
Black
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
White
Background:
Black
Border-bottom:
Khaki
Switch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
Khaki
Beak/Legs:
Black
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Khaki
Beak/Legs:
White
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
Khaki
Body:
White
Head/Wing/Spots:
Beak/Legs:
Body:
Black
Beak/Legs:
White
Body:
Khaki
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Khaki
Body:
Black
Head/Wing/Spots:
Beak/Legs:
Body:
White
Beak/Legs:
Black
Body:
Khaki
Switch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
Khaki
Cream:
Black
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Khaki
Cream:
White
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
Khaki
Sponge:
White
Topping/Fillings:
Cream:
Sponge:
Black
Cream:
White
Sponge:
Khaki
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Khaki
Sponge:
Black
Topping/Fillings:
Cream:
Sponge:
White
Cream:
Black
Sponge:
Khaki
Switch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
Khaki
Shirt/Boots:
Black
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Khaki
Shirt/Boots:
White
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
Khaki
Skirt:
White
Vest:
Shirt/Boots:
Skirt:
Black
Shirt/Boots:
White
Skirt:
Khaki
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Khaki
Skirt:
Black
Vest:
Shirt/Boots:
Skirt:
White
Shirt/Boots:
Black
Skirt:
Khaki
Switch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
Khaki
Shirt:
Black
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Khaki
Shirt:
White
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
Khaki
Pants:
White
Jacket/Shoes:
Shirt:
Pants:
Black
Shirt:
White
Pants:
Khaki
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Khaki
Pants:
Black
Jacket/Shoes:
Shirt:
Pants:
White
Shirt:
Black
Pants:
Khaki
Switch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
Khaki
Screen:
Black
Cat:
White
Background:
Screen:
Cat:
Khaki
Screen:
White
Cat:
Black
Background:
Screen:
Cat:
Black
Screen:
Khaki
Cat:
White
Background:
Screen:
Cat:
Black
Screen:
White
Cat:
Khaki
Background:
Screen:
Cat:
White
Screen:
Khaki
Cat:
Black
Background:
Screen:
Cat:
White
Screen:
Black
Cat:
Khaki
Switch
Leave Me Alone...
Background:
Cat:
AC Condenser:
Khaki
Cat:
Black
AC Condenser:
White
Background:
Cat:
AC Condenser:
Khaki
Cat:
White
AC Condenser:
Black
Background:
Cat:
AC Condenser:
Black
Cat:
Khaki
AC Condenser:
White
Background:
Cat:
AC Condenser:
Black
Cat:
White
AC Condenser:
Khaki