Teal Color - What Color is Teal? HEX, RGB and Psychology (2024)

Hailey van Braam
April 16, 2024

Teal is a rich, deep blend of blue and green, resembling the color of the teal duck’s feathers from which it gets its name. Its hex code is #008080, and its RGB values are (0, 128, 128), creating a balanced, versatile hue that evokes both the depth of the ocean and the tranquility of a forest.

Triad A triad color scheme consists of three colors evenly spaced on the color wheel.
Tetrad A tetrad color scheme uses four colors arranged into two complementary pairs.
Monochromatic A monochromatic color scheme uses variations in lightness and saturation of a single color.
Analogous An analogous color scheme uses colors that are adjacent to each other on the color wheel.
Split Complements A split-complementary color scheme uses a base color and the two colors adjacent to its complement.

' }).join(''); } var colorSchemes = [ { name: 'Triad', colors: tiny.triad(), selector: '.triad' }, { name: 'Tetrad', colors: tiny.tetrad(), selector: '.tetrad' }, { name: 'Monochromatic', colors: tiny.monochromatic(), selector: '.mono' }, { name: 'Analogous', colors: tiny.analogous(), selector: '.analogous' }, { name: 'Split Complements', colors: tiny.splitcomplement(), selector: '.sc' } ]; colorSchemes.forEach(function (scheme) { var schemeColors = scheme.colors; var schemeSelector = scheme.selector; console.log("Scheme:", scheme.name); console.log("Colors:", schemeColors.map(function (color) { return color.toHexString(); })); console.log("Selector:", schemeSelector); var schemeElement = combines.querySelector(schemeSelector); console.log("Scheme Element:", schemeElement); if (schemeElement) { schemeElement.innerHTML = colorArrayToHTML(schemeColors); var headerCells = combines.querySelectorAll("th"); headerCells.forEach(function (cell) { if (cell.textContent.trim() === scheme.name) { cell.style.borderTopColor = schemeColors[0].toHexString(); } }); } console.log("---"); }); } document.addEventListener("DOMContentLoaded", function () { colorChange("008080"); });

Teal Tints & Shades

Tints Tints are created by adding white to a base color, resulting in lighter variations of the original color.
#198c8c	#339999	#4ca6a6	#66b2b2	#7fbfbf	#99cccc	#b2d8d8	#cce5e5	#e5f2f2	#ffffff
Shades Shades are created by adding black to a base color, resulting in darker variations of the original color.
#007373	#006666	#005959	#004c4c	#004040	#003333	#002626	#001919	#000c0c	#000000

Create Color Palettes with Teal

#008080

Unlock

Lock

History of Teal

The use of teal dates back to ancient times, but it gained its name and popularity in the English language in the early 20th century. It has been a staple in fashion, interior design, and art for decades, appreciated for its sophistication and versatility. Teal embodies a unique balance between the calming properties of blue and the rejuvenation qualities of green, making it a color that transcends trends.

Psychology and Meaning of Teal

Teal signifies trustworthiness and reliability, often used in design to promote feelings of calm and composure. It’s a color that suggests stability and endurance, making it a popular choice in branding for technology, medical, and educational fields. Psychologically, teal can help reduce stress levels, providing a serene backdrop that encourages clear thinking and concentration.

How to Use Teal

Teal is incredibly versatile in design, capable of acting as both a vibrant accent and a soothing base color. In interior design, it adds depth and sophistication, whether used on walls or in accessories. In digital design, teal serves as an engaging background that isn’t overpowering, ideal for websites and apps focused on wellness, education, or professional services. Pairing teal with warm hues like coral or gold can create a dynamic contrast, while combining it with neutrals such as gray or cream offers a more subdued, elegant look.

What Colors go with Teal

Teal works beautifully with a wide range of colors, depending on the desired effect. Here are some great combinations:

Mustard yellow: Adds a vibrant contrast to Teal’s coolness, perfect for a lively, energetic space.

Burnt orange: Offers a warm, autumnal vibe that complements Teal’s depth.

Blush pink: Creates a soft, romantic look when paired with Teal.

Charcoal gray: For a sophisticated, modern palette that highlights Teal’s richness.

Cream: Softens Teal’s intensity, creating a serene and welcoming atmosphere.

Similar colors to Teal

If you’re looking for colors close to Teal, consider these options:

Dark Cyan (Hex: #008B8B): A slightly darker shade that retains Teal’s balanced blend of blue and green.

Turquoise (Hex: #40E0D0): Brighter and more vibrant, with a stronger emphasis on blue.

Peaco*ck Blue (Hex: #33A1C9): A more vivid, blue-leaning version of Teal.

Deep Jungle Green (Hex: #004B49): A darker, greener variant that evokes a lush, forest feel.

Myrtle Green (Hex: #317873): Offers a muted, more subdued take on Teal’s classic look.

Hex and RGB for Teal

Here are the specific color codes for Teal:

Hex: #008080
RGB: (0, 128, 128)

Teal Color Palettes

Teal’s versatility makes it a fantastic choice for a variety of color palettes. Here are five inspired combinations:

Teal
#008080

Gold
#FFD700

White
#FFFFFF

This palette combines the depth of Teal with the brightness of gold and the purity of white for a look that is both sophisticated and inviting.

Teal
#008080

Tomato
#FF6347

Khaki
#F0E68C

Tints of #008080 (Teal)

Tints are created by adding white to Teal, resulting in lighter and softer versions of the original color.

#339999

#66b3b3

#99cccc

#cce5e5

#e6f7f7

Shades of Teal

Shades are achieved by adding black to Teal, making the color darker and more intense.

#006666

#004d4d

#003333

#001919

#000000

Tones of Teal

Tones are produced by adding gray to Teal, reducing the color’s saturation and making it less vibrant.

#007373

#006666

#005959

#004d4d

#004040

Composition of Teal

#008080 (Teal) is a deep green-blue color. Its composition can be described in terms of RGB values.

#008080

Red: 0%

Green: 50%

Blue: 50%