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