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
Background: White
Cat: Olive
AC Condenser: Black
Background: White
Cat: Black
AC Condenser: Olive
Switch
Other Colors: Color Names
Color Palettes: Categories
Share and Have Fun with Your Friends!!
Notes
  • Actual colors displayed may differ depending on the display device you use.
  • All colors in themes are estimated, and some of the color combinations, especially brands and logos, are formally established separately.
  • Text colors of color codes in each boxes below are set to Black and White.
  • If you have any requests or suggestion, feel free to contact us.
  • Switch the language >> Japanese.

Scenes

Surprise Party 5

From: Impressions

Surprise Party 4

From: Impressions

Surprise Party 3

From: Impressions

Surprise Party 2

From: Impressions
See More

Brands/Logos

Walmart

Chimay Gold

Chimay Triple

Chimay Blue

See More

Characters

Noby 2

From: Doraemon

Noby

From: Doraemon

Doraemon 3

From: Doraemon

Doraemon 2

From: Doraemon
See More

Countries/Regions

Dirndl 5

From: Traditional Dresses

Dirndl 4

From: Traditional Dresses

Dirndl 3

From: Traditional Dresses

Dirndl 2

From: Traditional Dresses
See More

Animals

Yorkshire Terrier

From: Dogs

Siberian Husky

From: Dogs

Golden Retriever

From: Dogs

German Shepherd

From: Dogs
See More

Plants

Sunflower

From: Flowers

Snowdrop

From: Flowers

Scilla

From: Flowers

Rain Lily

From: Flowers
See More

Dishes

Cafe Latte 3

Cafe Latte 2

Cafe Latte 1

Fried Chicken 5

See More
Random
Charmander
Wither 4 (Minecraft)
Cat 7 (Minecraft)
Aardvark
Buzz Lightyear 3

The color themes shown above are randomly picked up from the Tricolors database.

Tricolors | Color Names/Color Codes for HTML/CSS
Color Names for
HTML/CSS

Color names below are available in HTML/CSS coding. For color combinations with black/white and details of color codes (HEX/RGB), see each pages.

AliceBlue
AliceBlue AntiqueWhite
AntiqueWhite Aqua
Aqua Aquamarine
Aquamarine Azure
Azure Beige
Beige Bisque
Bisque Black
Black BlanchedAlmond
BlanchedAlmond Blue
Blue BlueViolet
BlueViolet Brown
Brown BurlyWood
BurlyWood CadetBlue
CadetBlue Chartreuse
Chartreuse Chocolate
Chocolate Coral
Coral CornflowerBlue
CornflowerBlue Cornsilk
Cornsilk Crimson
Crimson Cyan
Cyan DarkBlue
DarkBlue DarkCyan
DarkCyan DarkGoldenRod
DarkGoldenRod DarkGrey
DarkGrey DarkGreen
DarkGreen DarkKhaki
DarkKhaki DarkMagenta
DarkMagenta DarkOliveGreen
DarkOliveGreen DarkOrange
DarkOrange DarkOrchid
DarkOrchid DarkRed
DarkRed DarkSalmon
DarkSalmon DarkSeaGreen
DarkSeaGreen DarkSlateBlue
DarkSlateBlue DarkSlateGrey
DarkSlateGrey DarkTurquoise
DarkTurquoise DarkViolet
DarkViolet DeepPink
DeepPink DeepSkyBlue
DeepSkyBlue DimGrey
DimGrey DodgerBlue
DodgerBlue FireBrick
FireBrick FloralWhite
FloralWhite ForestGreen
ForestGreen Fuchsia
Fuchsia Gainsboro
Gainsboro GhostWhite
GhostWhite Gold
Gold GoldenRod
GoldenRod Grey
Grey Green
Green GreenYellow
GreenYellow HoneyDew
HoneyDew HotPink
HotPink IndianRed
IndianRed Indigo
Indigo Ivory
Ivory Khaki
Khaki Lavender
Lavender LavenderBlush
LavenderBlush LawnGreen
LawnGreen LemonChiffon
LemonChiffon LightBlue
LightBlue LightCoral
LightCoral LightCyan
LightCyan LightGoldenRodYellow
LightGoldenRodYellow LightGrey
LightGrey LightGreen
LightGreen LightPink
LightPink LightSalmon
LightSalmon LightSeaGreen
LightSeaGreen LightSkyBlue
LightSkyBlue LightSlateGrey
LightSlateGrey LightSteelBlue
LightSteelBlue LightYellow
LightYellow Lime
Lime LimeGreen
LimeGreen Linen
Linen Magenta
Magenta Maroon
Maroon MediumAquaMarine
MediumAquaMarine MediumBlue
MediumBlue MediumOrchid
MediumOrchid MediumPurple
MediumPurple MediumSeaGreen
MediumSeaGreen MediumSlateBlue
MediumSlateBlue MediumSpringGreen
MediumSpringGreen MediumTurquoise
MediumTurquoise MediumVioletRed
MediumVioletRed MidnightBlue
MidnightBlue MintCream
MintCream MistyRose
MistyRose Moccasin
Moccasin NavajoWhite
NavajoWhite Navy
Navy OldLace
OldLace Olive
Olive OliveDrab
OliveDrab Orange
Orange OrangeRed
OrangeRed Orchid
Orchid PaleGoldenRod
PaleGoldenRod PaleGreen
PaleGreen PaleTurquoise
PaleTurquoise PaleVioletRed
PaleVioletRed PapayaWhip
PapayaWhip PeachPuff
PeachPuff Peru
Peru Pink
Pink Plum
Plum PowderBlue
PowderBlue Purple
Purple RebeccaPurple
RebeccaPurple Red
Red RosyBrown
RosyBrown RoyalBlue
RoyalBlue SaddleBrown
SaddleBrown Salmon
Salmon SandyBrown
SandyBrown SeaGreen
SeaGreen SeaShell
SeaShell Sienna
Sienna Silver
Silver SkyBlue
SkyBlue SlateBlue
SlateBlue SlateGrey
SlateGrey Snow
Snow SpringGreen
SpringGreen SteelBlue
SteelBlue Tan
Tan Teal
Teal Thistle
Thistle Tomato
Tomato Turquoise
Turquoise Violet
Violet Wheat
Wheat White
White WhiteSmoke
WhiteSmoke Yellow
Yellow YellowGreen
YellowGreen