The Teal Color Code: HEX, RGB, CMYK

Few colors sit as comfortably between calm and confident as teal color.

Teal is a cool secondary color that combines blue and green in equal measure. It carries a strong association with clarity and trust, and sits at 180 degrees on the color wheel with RGB values of (0, 128, 128).

Its blue-green hue shows up in interior design, fashion, branding, and web design, often chosen for the balance it brings to a color palette.

This guide covers everything from hex codes and shades to color psychology, complementary pairings, and how to mix it across different mediums.

Teal Color Codes

Teal sits exactly halfway between blue and green on the color theory spectrum. Its standard values are consistent across all major color models, making it one of the more predictable hues to work with in both digital and print.

• HEX: #008080
• RGB: R: 0, G: 128, B: 128
• CMYK: C: 100%, M: 0%, Y: 0%, K: 50%
• HSL: 180°, 100%, 25%
• HSB/HSV: 180°, 100%, 50%
• Pantone (TCX): 17-4919 TCX (closest textile match)

In the RGB color model, teal uses zero red and equal parts green and blue at half intensity. That balance is what gives it such a clean, neutral-cool quality. No red means no warmth at all.

In CMYK, it prints as 100% cyan with a 50% black key, which can sometimes cause it to look slightly muted or flat on uncoated paper. Worth keeping in mind if you’re using it for print design.

You can use an RGB to HEX Converter or a HEX to RGB Converter to cross-reference values quickly. And if you’re working across print and screen, an RGB to CMYK converter or a HSL to RGB converter will save you from color surprises.

—

Teal Color Palettes

Teal works across every major harmony type. Its position at exactly 180 degrees on the color wheel means its complementary, triadic, and tetradic relationships are mathematically clean. That makes palette building with teal fairly straightforward, at least on paper.

For more curated ideas, teal color palettes and cool color palettes are good places to start. If you want to see how it interacts with adjacent hues, check out turquoise color palettes or cyan color palettes as a reference. You can also build your own combinations using a color palette generator.

—

Teal Shades

Teal covers a wide range of variations, from very light aqua tints to near-black deep teals. Each shade differs in lightness, saturation, and undertone, with some leaning lighter toward white and others much darker toward black.

Lighter variations feel fresh and open. Darker ones read as sophisticated, almost moody. The mid-range standard teal tends to be the most versatile across applications.

The standard teal at #008080 is the baseline most people recognize. Lighter tints work well for backgrounds or soft UI elements. Deeper shades suit premium branding or dark-mode interfaces.

Related shades worth exploring: turquoise, cyan, aqua, seafoam, and blue-green.

—

What Are the Primary Attributes of Teal?

Teal has five primary attributes: a cool-toned hue (derived from equal blue-green balance), high saturation at full intensity, medium-low lightness, a calm visual weight, and strong cultural associations with trust and clarity.

—

How Is Teal Used in Interior Design?

Teal functions as both a statement color and an accent in interior design, creating calm yet energized spaces that feel pulled together.

Designers use it on feature walls, upholstered furniture, and textiles across bohemian, coastal, and mid-century modern styles. It adds depth without making a room feel closed off.

It pairs well with neutrals like white, cream, and gray for a clean look. For something richer, it sits nicely next to gold, copper, or navy blue.

If you want visual references, sea color palettes and nature color palettes show how teal fits into organic, calming interior schemes.

—

What Psychology and Emotions Does Teal Evoke?

Teal evokes calm, clarity, trust, and emotional balance through its connection to natural water and open skies.

Color psychology research suggests teal reduces stress, supports clear thinking, and creates environments suited to focus and reflection. It draws from both blue’s stability and green’s sense of renewal.

On the downside, it can feel slightly reserved or stand-offish in the wrong context. That’s not necessarily bad in professional settings, but it’s worth considering for warmer, more social brands.

—

How Is Teal Applied in Fashion and Clothing?

Teal serves as a year-round wardrobe color in fashion, offering versatility across casual wear, formal pieces, and accessories.

Designers use it for dresses, blazers, knitwear, and outerwear. It flatters a wide range of skin tones, which helps explain why it keeps showing up season after season.

Chanel’s Cruise 2025 collection featured teal prominently, and Miu Miu’s Spring/Summer 2025 line used it in accessories and heels. It also appeared in sportswear during the 2024 Olympics cycle. It has a way of feeling both current and timeless.

Teal works well paired with white, navy, coral, and mustard yellow for outfit combinations that feel intentional without being overdone.

—

What Colors Complement and Contrast With Teal?

Teal complements coral, gold, navy, white, and gray, while contrasting most sharply with orange, red-orange, and warm browns.

These combinations create balanced color palettes that use teal’s cool-toned stability as an anchor against warmer or more neutral hues.

Complementary Colors

Teal + Orange

• Color Theory Basis: Direct complements at 180 degrees apart on the color wheel. Maximum contrast by definition.
• Visual Effect: Bold, energetic, cinematic. (Movie poster designers use this pairing constantly.)
• Best Applications: Marketing materials, poster design, sports branding, packaging
• Ratio Recommendations: 70% teal, 30% orange for balance; reverse for a warmer feel
• Example Uses: Travel branding, action-oriented packaging, entertainment design

Teal + Coral

• Color Theory Basis: Near-complementary. Warmer and softer than teal-orange. More forgiving.
• Visual Effect: Lively but friendly. Feels modern and approachable.
• Best Applications: Wellness brands, lifestyle products, spring/summer campaigns
• Ratio Recommendations: 60% teal, 40% coral works well across most contexts
• Example Uses: Social media graphics, cosmetics packaging, residential interiors

Teal + Gold

• Color Theory Basis: Cool-warm contrast. No direct color wheel relationship, but high visual tension.
• Visual Effect: Rich, premium, slightly exotic
• Best Applications: Luxury branding, event design, hospitality
• Ratio Recommendations: Use gold sparingly as an accent, 10-20% max
• Example Uses: Hotel interiors, wedding stationery, high-end product packaging

Teal + White

• Color Theory Basis: Tint contrast. White acts as a neutral amplifier for teal’s saturation.
• Visual Effect: Clean, clinical, crisp
• Best Applications: Web design, healthcare, minimal branding, bathrooms
• Ratio Recommendations: 30% teal, 70% white for a fresh, airy result
• Example Uses: Medical websites, app UI, coastal-themed bathrooms

Contrasting Colors

Teal + Warm Red / Maroon

• Contrast Type: Near-complementary, high warmth-coolness split
• Visual Impact: Striking and bold. Can feel intense if overused.
• Best Applications: Theatrical posters, editorial layouts, fashion lookbooks
• Balance Strategies: Keep red to small accents or type elements; let teal carry the composition

Teal + Dark Brown

• Contrast Type: Warm-cool contrast, moderate intensity
• Visual Impact: Grounded, natural, slightly Southwest or earthy feel
• Best Applications: Interior design, brand identities that want to feel established
• Balance Strategies: Use brown as a wood or leather texture element alongside teal surfaces

Teal + Charcoal Gray

• Contrast Type: Value contrast (dark neutral vs. saturated mid-tone)
• Visual Impact: Sophisticated, modern, controlled
• Best Applications: Corporate branding, dark-mode UI, masculine design contexts
• Balance Strategies: Equal weight works here. Neither color overwhelms the other.

Color Scheme Types

• Monochromatic: Use tints, tones, and shades of teal from near-white aqua all the way to deep near-black teal. Calm, cohesive, easy to manage.
• Analogous colors: Pair teal with its neighbors: blue, blue-green, and green. Works well for nature-inspired or coastal themes.
• Triadic color scheme: Teal with purple and olive/yellow-green. Less common, but interesting for editorial or art direction work.
• Split-complementary color scheme: Teal with red-orange and red-violet. High energy, slightly easier to balance than straight complementary.
• Tetradic color scheme: Teal, navy, red, and green. Complex. Needs a clear dominant color to avoid looking chaotic.

Practical Pairing Guidelines

• 60-30-10 Rule: Use teal as the dominant 60% (walls, large surfaces), a neutral like gray or white for 30% (furniture, secondary surfaces), and a warm accent like gold or coral for the remaining 10%.
• Accent Color Strategy: Teal also works well as the accent 10%. A mostly white or gray room with teal accessories and emphasis elements feels current without commitment.
• Neutral Bridging: When pairing teal with a warm color like orange or red, add a gray or white buffer in between. It reduces visual tension and helps both colors breathe.

—

How Does Teal Differ From Similar Cool Colors?

Teal differs from turquoise (brighter, greener, more vibrant), cyan (fully saturated, no black), aqua (lighter, closer to cyan), and seafoam (softer, more muted, higher lightness) through its specific balance of equal blue-green values at half intensity.

Visual Comparison Chart

—

How Do You Create Teal in Different Mediums?

Create teal by mixing blue and green paint at roughly a 2:1 ratio in traditional media, or by setting RGB values to approximately (0, 128, 128) in screen-based applications, making sure neither red nor yellow dominates the mix.

Acrylic Paint

Start with ultramarine blue or cobalt blue as the base. Add permanent green light or viridian at roughly half the amount of blue. Mix thoroughly, then test on paper.

Add a small amount of cadmium yellow to deepen the hue if needed. A touch of titanium white lightens it without dulling the color too much.

• Base colors: Cobalt blue + viridian green (or phthalo green)
• Ratio: 2 parts blue to 1 part green as a starting point
• Common mistake: Adding black to darken it. Avoid this. Use a deeper blue or burnt umber instead.
• Note: Acrylics dry darker than they look wet. Mix slightly lighter than your target color.

Oil Paint

Use phthalo blue and phthalo green as your primary pigments. Both are highly transparent and intense, so start with small amounts.

Drying time is much slower with oils, which gives you time to adjust. That said, the color can shift slightly as it dries and cures over days or weeks.

• Pigments: Phthalo Blue (PB15) + Phthalo Green (PG7)
• Technique: Work on a glass palette; oil paint stays workable longer than acrylic
• Drying shift: Colors can deepen slightly as oil yellows over decades, though teal is fairly stable

Watercolor

Phthalo blue and viridian work well together. Both are transparent, which is ideal for watercolor layering.

Start with a light wash and build up layers to reach the right depth. Teal can go muddy fast if you overwork it.

• Pigments: Phthalo Blue + Viridian (or Cobalt Teal if available as a convenience mix)
• Dilution: High water content for light tints; reduce water progressively for darker washes
• Layering: Let each wash dry fully before adding the next

Gouache

Same pigment base as watercolor, but gouache is opaque. Teal in gouache looks punchy and solid straight out of the tube or from a good mix.

It is less prone to muddiness than transparent watercolor. Add white gouache rather than water to lighten it without losing opacity.

Print / CMYK

• Cyan: 100%
• Magenta: 0%
• Yellow: 0%
• Black: 50%
• Printing note: On uncoated paper, teal can appear dull or slightly greenish. Coated stock maintains its blue-green balance much better.
• Pantone match: 17-4919 TCX (textile); 3282 C is a close match for coated print applications

Working between print and screen? An CMYK to RGB converter will help you catch any shifts before they hit the press. A color contrast checker is also worth running if teal appears over text in your layout.

—

What Are the Best Practices for Using Teal in Design?

Best practices for teal include pairing it with neutral backgrounds, checking contrast ratios for accessibility, applying it consistently across brand touchpoints, and testing it in both light and dark contexts.

Designers should avoid using full-saturation teal (#008080) as a text color on dark backgrounds. The contrast ratio often fails WCAG standards there. Lighter tints work better for UI text on dark surfaces.

In web design, teal buttons and call-to-action elements perform well because the color draws attention without feeling aggressive. It is one of those hues that is noticeable without being intrusive.

For print design, always request a hard proof. Teal tends to shift in CMYK, especially on uncoated or recycled stock. What looks perfect on screen can print as a muted gray-green if you’re not careful.

Teal works across packaging design, poster design, and digital UI alike. Its flexibility is genuine, not overhyped.

—

What Role Does Teal Play in Branding and Marketing?

Teal plays a trust-building role in branding and marketing, communicating reliability, calm professionalism, and clarity to consumers.

Research indicates teal reduces perceived stress in viewers and signals credibility, making it effective for healthcare, technology, education, and financial brands seeking a trustworthy and approachable identity.

It’s popular enough to be recognized but not so overused that it blends into the background the way blue often does. That slight differentiation is actually part of its value in competitive markets.

Brands using teal tend to position themselves as modern but grounded. It works particularly well in visual identity systems where the goal is to feel both professional and human. Pair it with a clean sans-serif font and you’re already 80% of the way to something that looks considered.

For logo applications specifically, teal holds up well at small sizes due to its mid-range value. It does not disappear into backgrounds the way lighter colors can, and it does not dominate the way very dark colors do. See more about logo design principles and how color interacts with brand guidelines to understand how teal fits into larger identity systems.

FAQ on Teal Color

What Is Teal Color?

Teal is a cool blue-green color positioned at exactly 180 degrees on the color wheel.

Its hex code is #008080, with equal green and blue values at half intensity and zero red. It sits between cyan and dark green in terms of hue and brightness.

What Colors Make Teal?

Mix blue and green at roughly a 2:1 ratio to get teal.

In paint, cobalt blue and viridian green work well together. For a warmer teal, add a small amount of cadmium yellow. In digital design, set RGB to (0, 128, 128) for the standard value.

What Is the Difference Between Teal and Turquoise?

Teal is darker, calmer, and leans more toward blue. Turquoise is brighter, more vibrant, and has a stronger green tint.

Their hex codes confirm the difference: teal is #008080, turquoise is #40E0D0. In interiors, teal feels sophisticated while turquoise feels energetic and playful.

What Colors Go With Teal?

Teal pairs well with coral, gold, white, gray, and navy. Its direct complementary color is orange, which creates high contrast.

For softer combinations, try cream or blush pink. For bold ones, go with burnt orange or deep burgundy.

What Does Teal Color Mean?

Teal is associated with calm, clarity, trust, and emotional balance. It draws from blue’s stability and green’s sense of renewal.

In color psychology, it is linked to clear thinking and reduced stress. Culturally, it signals reliability, which is why it appears so often in healthcare and technology branding.

Is Teal a Warm or Cool Color?

Teal is a cool color. It contains no red, which means no warmth at all in its standard form.

Some teal shades can lean slightly warmer if yellow is added during mixing, pushing them toward teal-green territory. But the classic #008080 sits firmly on the cool side of the color wheel.

What Is Teal Used For in Design?

Teal appears across branding, web design, interior design, fashion, and packaging. It works as both a dominant color and an accent.

In UI design, teal buttons and interactive elements draw attention without feeling aggressive. In print, it reads as professional and modern, especially on coated stock.

What Are the Different Shades of Teal?

Teal ranges from very light aqua tints all the way to near-black deep teal. Key shades include light teal (#80C5C5), standard teal (#008080), dark teal (#005F5F), and deep teal (#003F3F).

Each shade shifts the mood. Lighter tints feel open and fresh. Deeper shades feel rich and grounded.

What Is the Pantone Color for Teal?

The closest Pantone match for teal in the textile system is 17-4919 TCX. For print applications, Pantone 3282 C is a widely used reference.

Pantone codes are useful when you need color consistency across physical materials, since screen RGB values do not translate directly to ink or fabric dye.

Is Teal Good for Branding?

Yes. Teal communicates trust, professionalism, and calm, making it a strong choice for technology, healthcare, education, and wellness brands.

It is recognizable without being overused in the way blue often is. That slight distinctiveness gives teal-based brand identities a competitive edge while still feeling approachable and credible to most audiences.

Conclusion

This article presenting teal color has covered everything from its hex code and CMYK values to its role in branding, fashion, and interior design.

The blue-green hue sits in a unique spot on the color wheel, balancing cool tones with just enough visual weight to hold its own against both neutrals and bold accent colors.

Its color psychology makes it useful beyond aesthetics. Trust, clarity, and calm are hard qualities to communicate visually, and teal delivers all three reliably.

Whether you are building a color palette, choosing a logo color, or picking wall paint, understanding teal’s saturation, undertones, and complementary pairings gives you a real advantage.

It is a color worth knowing well.

• Author
• Recent Posts

Bogdan Sandu

Bogdan Sandu is a seasoned designer who has been designing websites since 2008.

Renowned for his expertise in logo design and visual branding, Bogdan has developed a multitude of logos for various clients.

His skills extend to creating posters, vector illustrations, business cards, and brochures. Additionally, Bogdan's UI kits were featured on marketplaces like Visual Hierarchy and UI8.

He also wrote in the past years on sites like Design Your Way, WebDesignerDepot, WPDean, Designmodo, Speckyboy, Slider Revolution, and more.

Latest posts by Bogdan Sandu (see all)

• Pantone to RGB Converter - 29 July 2026
• Baseball Team Color Codes - 28 July 2026
• How Creators Can Use AI Image Tools to Make Better Visual Content - 28 July 2026