Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
OliveDrab
| Color Name | HEX | RGB |
|---|---|---|
OliveDrab |
#6B8E23 |
107, 142, 35 |
| 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
OliveDrab
OliveDrabBlack
BlackWhite
WhiteOliveDrab
OliveDrabWhite
WhiteBlack
BlackBlack
BlackOliveDrab
OliveDrabWhite
WhiteBlack
BlackWhite
WhiteOliveDrab
OliveDrabWhite
WhiteOliveDrab
OliveDrabBlack
BlackWhite
WhiteBlack
BlackOliveDrab
OliveDrabSwitch
Vertical Combination
OliveDrab
OliveDrabBlack
BlackWhite
WhiteOliveDrab
OliveDrabWhite
WhiteBlack
BlackBlack
BlackOliveDrab
OliveDrabWhite
WhiteBlack
BlackWhite
WhiteOliveDrab
OliveDrabWhite
WhiteOliveDrab
OliveDrabBlack
BlackWhite
WhiteBlack
BlackOliveDrab
OliveDrabSwitch
Horizontal/Vertical Combination
OliveDrab
OliveDrabBlack
BlackWhite
WhiteOliveDrab
OliveDrabWhite
WhiteBlack
BlackBlack
BlackOliveDrab
OliveDrabWhite
WhiteBlack
BlackWhite
WhiteOliveDrab
OliveDrabWhite
WhiteOliveDrab
OliveDrabBlack
BlackWhite
WhiteBlack
BlackOliveDrab
OliveDrabSwitch
Three Circles
OliveDrab
OliveDrabBlack
BlackWhite
WhiteOliveDrab
OliveDrabWhite
WhiteBlack
BlackBlack
BlackOliveDrab
OliveDrabWhite
WhiteBlack
BlackWhite
WhiteOliveDrab
OliveDrabWhite
WhiteOliveDrab
OliveDrabBlack
BlackWhite
WhiteBlack
BlackOliveDrab
OliveDrabSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
OliveDrabUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
OliveDrabUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
OliveDrabLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
OliveDrabBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
OliveDrabLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
OliveDrabSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
OliveDrabBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
OliveDrabBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
OliveDrabBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
OliveDrabColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
OliveDrabBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
OliveDrabSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
OliveDrabBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
OliveDrabBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
OliveDrabBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
OliveDrabHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
OliveDrabBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
OliveDrabSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
OliveDrabCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
OliveDrabCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
OliveDrabSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
OliveDrabTopping/Fillings:
Cream:
Sponge:
WhiteCream:
OliveDrabSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
OliveDrabSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
OliveDrabShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
OliveDrabShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
OliveDrabSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
OliveDrabVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
OliveDrabSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
OliveDrabSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
OliveDrabShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
OliveDrabShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
OliveDrabPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
OliveDrabJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
OliveDrabPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
OliveDrabSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
OliveDrabScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
OliveDrabScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
OliveDrabCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
OliveDrabBackground:
Screen:
Cat:
WhiteScreen:
OliveDrabCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
OliveDrabSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
OliveDrabCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
OliveDrabCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
OliveDrabAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
OliveDrab
<