Color Categories
Close
category
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 black and white.

Horizontal Combination

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

Vertical Combination

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

Horizontal/Vertical Combination

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

Three Circles

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

Spots against a Background

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

Heading Design

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

Owl

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

What Does This Cake Taste Like?

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

Dress Up The Girl

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

Cool? Fashionable? Immaculate??

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

Keep Your Eyes on Me!!

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

Leave Me Alone...

Background: OliveDrab
Cat: Black
AC Condenser: White
Background: OliveDrab
Cat: White
AC Condenser: Black
Background: Black
Cat: OliveDrab
AC Condenser: White
Background: Black
Cat: White
AC Condenser: OliveDrab
Background: White
Cat: OliveDrab
AC Condenser: Black
Background: White
Cat: Black
AC Condenser: OliveDrab
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
KFC
Valentine's Day 1
Wither 5 (Minecraft)
Senegal
Zombie 4 (Minecraft)

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