What is the HEX code for Teal and Yellow mixed?

When Teal (#008080) and Yellow (#FFFF00) are mixed equally, the result is Yellow-Green / Chartreuse with HEX code #9FBD61.

What is the approximate Pantone™ match for Teal and Yellow mixed?

The closest approximate Pantone™ match for the mix of Teal and Yellow is 358 C (ΔE 6.4). This is a mathematical approximation, not an officially certified Pantone value.

What Color Does Teal and Yellow Make?

Q: What Color Does Teal and Yellow Make?

Mixing Teal and Yellow produces Yellow-Green / Chartreuse. The resulting color has a HEX code of #9FBD61 and RGB values of rgb(159, 189, 97).

Teal#008080

Yellow#FFFF00

#9FBD61

Yellow-Green / Chartreuse

#9FBD61

Yellow-Green / Chartreuse

View full color info →

HEX#9FBD61

RGBrgb(159, 189, 97)

HSLhsl(80°, 41%, 56%)

CMYKcmyk(16%, 0%, 49%, 26%)

CIELABLab(72.6, -24.9, 42.9)

Pantone™ Approximations

358 CApproximate (ΔE 6.4)

367 CApproximate (ΔE 6.9)

359 CApproximate (ΔE 7.2)

Pantone™ values shown are mathematical approximations, not official Pantone colors. Pantone® is a registered trademark of Pantone LLC.

RAL (approx.)

RAL 1000Green beigeApproximate (ΔE 8.7)

RAL 6021Pale greenApproximate (ΔE 9.1)

RAL 1020Olive yellowApproximate (ΔE 11.6)

Pantone® and RAL® codes shown are mathematical approximations calculated by color distance (ΔE CIEDE2000). They are not officially certified values.

About This Color Combination

Teal and yellow combined produce yellow-green and chartreuse, bright, energetic colors that evoke new spring growth, tropical foliage, and neon signage. The green component of teal bonds with yellow to create a vivid green, while the blue in teal cools and deepens the yellow just enough to push it into the fresh, electric yellow-green zone. The result is one of the most visually stimulating color mixes possible.

Usage Tips

In botanical illustration, yellow-green from teal-yellow mixes captures the luminous quality of backlit leaves and young spring shoots with accuracy. Graphic designers use chartreuse as a high-energy accent for tech startups, environmental brands, and sports companies that want a bold, unconventional color identity. Interior designers deploy yellow-green sparingly as an accent — a single chair, a plant, or an art piece — to energize otherwise neutral rooms. Pair with deep navy, charcoal, or black to ground the intensity and create dramatic contrast.

Color Codes & Implementation

Drop-in snippets for CSS variables, Tailwind, and SCSS.

:root {
  --color-primary: #008080;   /* Teal */
  --color-secondary: #FFFF00; /* Yellow */
  --color-accent: #9FBD61;    /* Yellow-Green / Chartreuse */
}

Mix these colors

Opens the Color Mixer with both source colors pre-loaded.

Frequently Asked Questions

What does teal and yellow make?

Mixing teal and yellow shifts the result toward yellow-green or chartreuse — teal already contains green, so adding yellow pushes the hue further toward lime. The result feels fresh, vegetal, and energetic, sitting comfortably alongside both parents.

Is teal and yellow a summer color palette?

Absolutely. Teal-and-yellow channels poolside, citrus, and tropical-fruit moods. It is widely used for summer fashion drops, beverage branding, and travel destinations because the contrast is bright without being aggressive.

What are the hex codes for teal and yellow?

Teal is #008080 (RGB: 0, 128, 128) and pure yellow is #FFFF00 (RGB: 255, 255, 0). Their 50/50 perceptual mix produces a chartreuse green at #9FBD61 — a striking accent that works equally well for highlights and call-out backgrounds.

Try It Yourself in the Color Mixer

Adjust the ratios, add more colors, and get all color codes instantly.