Top >> Color Names
Three-Color Combinations and Schemes
Color Names for HTML/CSS
DarkOliveGreen
| Color Name | HEX | RGB |
|---|---|---|
DarkOliveGreen |
#556B2F |
85, 107, 47 |
| 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
DarkOliveGreen
DarkOliveGreenBlack
BlackWhite
WhiteDarkOliveGreen
DarkOliveGreenWhite
WhiteBlack
BlackBlack
BlackDarkOliveGreen
DarkOliveGreenWhite
WhiteBlack
BlackWhite
WhiteDarkOliveGreen
DarkOliveGreenWhite
WhiteDarkOliveGreen
DarkOliveGreenBlack
BlackWhite
WhiteBlack
BlackDarkOliveGreen
DarkOliveGreenSwitch
Vertical Combination
DarkOliveGreen
DarkOliveGreenBlack
BlackWhite
WhiteDarkOliveGreen
DarkOliveGreenWhite
WhiteBlack
BlackBlack
BlackDarkOliveGreen
DarkOliveGreenWhite
WhiteBlack
BlackWhite
WhiteDarkOliveGreen
DarkOliveGreenWhite
WhiteDarkOliveGreen
DarkOliveGreenBlack
BlackWhite
WhiteBlack
BlackDarkOliveGreen
DarkOliveGreenSwitch
Horizontal/Vertical Combination
DarkOliveGreen
DarkOliveGreenBlack
BlackWhite
WhiteDarkOliveGreen
DarkOliveGreenWhite
WhiteBlack
BlackBlack
BlackDarkOliveGreen
DarkOliveGreenWhite
WhiteBlack
BlackWhite
WhiteDarkOliveGreen
DarkOliveGreenWhite
WhiteDarkOliveGreen
DarkOliveGreenBlack
BlackWhite
WhiteBlack
BlackDarkOliveGreen
DarkOliveGreenSwitch
Three Circles
DarkOliveGreen
DarkOliveGreenBlack
BlackWhite
WhiteDarkOliveGreen
DarkOliveGreenWhite
WhiteBlack
BlackBlack
BlackDarkOliveGreen
DarkOliveGreenWhite
WhiteBlack
BlackWhite
WhiteDarkOliveGreen
DarkOliveGreenWhite
WhiteDarkOliveGreen
DarkOliveGreenBlack
BlackWhite
WhiteBlack
BlackDarkOliveGreen
DarkOliveGreenSwitch
Spots against a Background
Background:
Upper-right circle:
Lower-left circle:
DarkOliveGreenUpper-right circle:
BlackLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
DarkOliveGreenUpper-right circle:
WhiteLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
DarkOliveGreenLower-left circle:
WhiteBackground:
Upper-right circle:
Lower-left circle:
BlackUpper-right circle:
WhiteLower-left circle:
DarkOliveGreenBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
DarkOliveGreenLower-left circle:
BlackBackground:
Upper-right circle:
Lower-left circle:
WhiteUpper-right circle:
BlackLower-left circle:
DarkOliveGreenSwitch
Heading Design
Color Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkOliveGreenBackground:
BlackBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
DarkOliveGreenBackground:
WhiteBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
DarkOliveGreenBorder-bottom:
WhiteColor Names for HTML/CSS
Text:
Background:
Border-bottom:
BlackBackground:
WhiteBorder-bottom:
DarkOliveGreenColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
DarkOliveGreenBorder-bottom:
BlackColor Names for HTML/CSS
Text:
Background:
Border-bottom:
WhiteBackground:
BlackBorder-bottom:
DarkOliveGreenSwitch
Owl
Head/Wing/Spots:
Beak/Legs:
Body:
DarkOliveGreenBeak/Legs:
BlackBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
DarkOliveGreenBeak/Legs:
WhiteBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
DarkOliveGreenBody:
WhiteHead/Wing/Spots:
Beak/Legs:
Body:
BlackBeak/Legs:
WhiteBody:
DarkOliveGreenHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
DarkOliveGreenBody:
BlackHead/Wing/Spots:
Beak/Legs:
Body:
WhiteBeak/Legs:
BlackBody:
DarkOliveGreenSwitch
What Does This Cake Taste Like?
Topping/Fillings:
Cream:
Sponge:
DarkOliveGreenCream:
BlackSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
DarkOliveGreenCream:
WhiteSponge:
BlackTopping/Fillings:
Cream:
Sponge:
BlackCream:
DarkOliveGreenSponge:
WhiteTopping/Fillings:
Cream:
Sponge:
BlackCream:
WhiteSponge:
DarkOliveGreenTopping/Fillings:
Cream:
Sponge:
WhiteCream:
DarkOliveGreenSponge:
BlackTopping/Fillings:
Cream:
Sponge:
WhiteCream:
BlackSponge:
DarkOliveGreenSwitch
Dress Up The Girl
Vest:
Shirt/Boots:
Skirt:
DarkOliveGreenShirt/Boots:
BlackSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
DarkOliveGreenShirt/Boots:
WhiteSkirt:
BlackVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
DarkOliveGreenSkirt:
WhiteVest:
Shirt/Boots:
Skirt:
BlackShirt/Boots:
WhiteSkirt:
DarkOliveGreenVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
DarkOliveGreenSkirt:
BlackVest:
Shirt/Boots:
Skirt:
WhiteShirt/Boots:
BlackSkirt:
DarkOliveGreenSwitch
Cool? Fashionable? Immaculate??
Jacket/Shoes:
Shirt:
Pants:
DarkOliveGreenShirt:
BlackPants:
WhiteJacket/Shoes:
Shirt:
Pants:
DarkOliveGreenShirt:
WhitePants:
BlackJacket/Shoes:
Shirt:
Pants:
BlackShirt:
DarkOliveGreenPants:
WhiteJacket/Shoes:
Shirt:
Pants:
BlackShirt:
WhitePants:
DarkOliveGreenJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
DarkOliveGreenPants:
BlackJacket/Shoes:
Shirt:
Pants:
WhiteShirt:
BlackPants:
DarkOliveGreenSwitch
Keep Your Eyes on Me!!
Background:
Screen:
Cat:
DarkOliveGreenScreen:
BlackCat:
WhiteBackground:
Screen:
Cat:
DarkOliveGreenScreen:
WhiteCat:
BlackBackground:
Screen:
Cat:
BlackScreen:
DarkOliveGreenCat:
WhiteBackground:
Screen:
Cat:
BlackScreen:
WhiteCat:
DarkOliveGreenBackground:
Screen:
Cat:
WhiteScreen:
DarkOliveGreenCat:
BlackBackground:
Screen:
Cat:
WhiteScreen:
BlackCat:
DarkOliveGreenSwitch
Leave Me Alone...
Background:
Cat:
AC Condenser:
DarkOliveGreenCat:
BlackAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
DarkOliveGreenCat:
WhiteAC Condenser:
BlackBackground:
Cat:
AC Condenser:
BlackCat:
DarkOliveGreenAC Condenser:
WhiteBackground:
Cat:
AC Condenser:
BlackCat:
WhiteAC Condenser:
DarkOliveGreen