Color Categories
Close
category
Top >> Color Names

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

Teal

Color Name HEX RGB
Teal #008080 0, 128, 128
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

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

Vertical Combination

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

Horizontal/Vertical Combination

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

Three Circles

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

Spots against a Background

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

Heading Design

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

Owl

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

What Does This Cake Taste Like?

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

Dress Up The Girl

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

Cool? Fashionable? Immaculate??

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

Keep Your Eyes on Me!!

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

Leave Me Alone...

Background: Teal
Cat: Black
AC Condenser: White
Background: Teal
Cat: White
AC Condenser: Black
Background: Black
Cat: Teal
AC Condenser: White
Background: Black
Cat: White
AC Condenser: Teal
Background: White
Cat: Teal
AC Condenser: Black
Background: White
Cat: Black
AC Condenser: Teal
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
Elder Guardian (Minecraft)
Forget Me Not
Dolphin 2 (Minecraft)
Gambia
Cinco de Mayo 1

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