Color Categories
Close
category
Top >> Color Names

Three-Color Combinations and Schemes
Color Names for HTML/CSS

Olive

Color Name HEX RGB
Olive #808000 128, 128, 0
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 and white.

Horizontal Combination

Olive
Olive
Black
Black
White
White
Olive
Olive
White
White
Black
Black
Black
Black
Olive
Olive
White
White
Black
Black
White
White
Olive
Olive
White
White
Olive
Olive
Black
Black
White
White
Black
Black
Olive
Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Vertical Combination

Olive
Olive
Black
Black
White
White
Olive
Olive
White
White
Black
Black
Black
Black
Olive
Olive
White
White
Black
Black
White
White
Olive
Olive
White
White
Olive
Olive
Black
Black
White
White
Black
Black
Olive
Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Horizontal/Vertical Combination

Olive
Olive
Black
Black
White
White
Olive
Olive
White
White
Black
Black
Black
Black
Olive
Olive
White
White
Black
Black
White
White
Olive
Olive
White
White
Olive
Olive
Black
Black
White
White
Black
Black
Olive
Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Three Circles

Olive
Olive
Black
Black
White
White
Olive
Olive
White
White
Black
Black
Black
Black
Olive
Olive
White
White
Black
Black
White
White
Olive
Olive
White
White
Olive
Olive
Black
Black
White
White
Black
Black
Olive
Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Spots against a Background

Background: Olive
Upper-right circle: Black
Lower-left circle: White
Background: Olive
Upper-right circle: White
Lower-left circle: Black
Background: Black
Upper-right circle: Olive
Lower-left circle: White
Background: Black
Upper-right circle: White
Lower-left circle: Olive
Background: White
Upper-right circle: Olive
Lower-left circle: Black
Background: White
Upper-right circle: Black
Lower-left circle: Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Heading Design

Color Names for HTML/CSS
Text: Olive
Background: Black
Border-bottom: White
Color Names for HTML/CSS
Text: Olive
Background: White
Border-bottom: Black
Color Names for HTML/CSS
Text: Black
Background: Olive
Border-bottom: White
Color Names for HTML/CSS
Text: Black
Background: White
Border-bottom: Olive
Color Names for HTML/CSS
Text: White
Background: Olive
Border-bottom: Black
Color Names for HTML/CSS
Text: White
Background: Black
Border-bottom: Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Owl

Head/Wing/Spots: Olive
Beak/Legs: Black
Body: White
Head/Wing/Spots: Olive
Beak/Legs: White
Body: Black
Head/Wing/Spots: Black
Beak/Legs: Olive
Body: White
Head/Wing/Spots: Black
Beak/Legs: White
Body: Olive
Head/Wing/Spots: White
Beak/Legs: Olive
Body: Black
Head/Wing/Spots: White
Beak/Legs: Black
Body: Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

What Does This Cake Taste Like?

Topping/Fillings: Olive
Cream: Black
Sponge: White
Topping/Fillings: Olive
Cream: White
Sponge: Black
Topping/Fillings: Black
Cream: Olive
Sponge: White
Topping/Fillings: Black
Cream: White
Sponge: Olive
Topping/Fillings: White
Cream: Olive
Sponge: Black
Topping/Fillings: White
Cream: Black
Sponge: Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Dress Up The Girl

Vest: Olive
Shirt/Boots: Black
Skirt: White
Vest: Olive
Shirt/Boots: White
Skirt: Black
Vest: Black
Shirt/Boots: Olive
Skirt: White
Vest: Black
Shirt/Boots: White
Skirt: Olive
Vest: White
Shirt/Boots: Olive
Skirt: Black
Vest: White
Shirt/Boots: Black
Skirt: Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Cool? Fashionable? Immaculate??

Jacket/Shoes: Olive
Shirt: Black
Pants: White
Jacket/Shoes: Olive
Shirt: White
Pants: Black
Jacket/Shoes: Black
Shirt: Olive
Pants: White
Jacket/Shoes: Black
Shirt: White
Pants: Olive
Jacket/Shoes: White
Shirt: Olive
Pants: Black
Jacket/Shoes: White
Shirt: Black
Pants: Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Keep Your Eyes on Me!!

Background: Olive
Screen: Black
Cat: White
Background: Olive
Screen: White
Cat: Black
Background: Black
Screen: Olive
Cat: White
Background: Black
Screen: White
Cat: Olive
Background: White
Screen: Olive
Cat: Black
Background: White
Screen: Black
Cat: Olive
Switch
Other Colors: Color Names
Color Palettes: Categories

Leave Me Alone...

Background: Olive
Cat: Black
AC Condenser: White
Background: Olive
Cat: White
AC Condenser: Black
Background: Black
Cat: Olive
AC Condenser: White
Background: Black
Cat: White
AC Condenser: Olive