What is the HEX code for Teal and Orange mixed?

When Teal (#008080) and Orange (#FF6600) are mixed equally, the result is Brown / Ochre with HEX code #AA7B4E.

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

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

What Color Does Teal and Orange Make?

Q: What Color Does Teal and Orange Make?

Mixing Teal and Orange produces Brown / Ochre. The resulting color has a HEX code of #AA7B4E and RGB values of rgb(170, 123, 78).

Teal#008080

Orange#FF6600

#AA7B4E

Brown / Ochre

#AA7B4E

Brown / Ochre

View full color info →

HEX#AA7B4E

RGBrgb(170, 123, 78)

HSLhsl(29°, 37%, 49%)

CMYKcmyk(0%, 28%, 54%, 33%)

CIELABLab(55.3, 13, 31.6)

Pantone™ Approximations

146 CApproximate (ΔE 9.1)

139 CApproximate (ΔE 9.5)

153 CApproximate (ΔE 9.6)

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

RAL (approx.)

RAL 3012Beige redApproximate (ΔE 9.0)

RAL 1011Brown beigeApproximate (ΔE 9.7)

RAL 8023Orange brownApproximate (ΔE 10.5)

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 orange are complementary colors, sitting opposite each other on the color wheel, and mixing them produces warm brown and ochre as their opposing pigments neutralize each other's chroma. Despite being classic contrast partners, their blended result is a rich, warm earth tone that shares more visual warmth with orange than coolness with teal. Ochre is a historically significant pigment, and recreating it from teal-orange mixes demonstrates a fundamental principle of color theory.

Usage Tips

In painting, teal-orange mixes produce warm shadow tones for desert landscapes, bronze sculptures, and sun-drenched still lifes where warm darks are needed. Illustrators use the ochre result as a background wash for vintage-styled artwork, maps, and parchment effects. Interior designers frequently pair teal and orange as contrast accents, using the ochre neutral as a connecting wall tone or upholstery choice. In film color grading, teal-orange is the most widely used complementary split, and understanding their neutral is key to the look.

Color Codes & Implementation

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

:root {
  --color-primary: #008080;   /* Teal */
  --color-secondary: #FF6600; /* Orange */
  --color-accent: #AA7B4E;    /* Brown / Ochre */
}

Mix these colors

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

Frequently Asked Questions

Why is teal and orange so popular in movies?

Teal-and-orange is the go-to color grade in modern cinema because it boosts the contrast between human skin tones (which lean orange) and most environments (often graded blue/teal). This complementary push-pull makes characters visually 'pop' against their backdrops in nearly any scene.

Is teal and orange a complementary color combination?

Yes — orange sits opposite blue-green on the color wheel, so teal-and-orange is one of the strongest complementary pairings available. It produces maximum visual contrast and energy, which is why it dominates film posters, sports branding, and adventure travel photography.

What are the hex codes for teal and orange?

Teal is #008080 (RGB: 0, 128, 128) and a saturated orange is #FF6600 (RGB: 255, 102, 0). Mixed evenly, the complementary duo neutralizes into a warm brown / ochre at #AA7B4E — a perfect mid-tone for grounding designs that use the pair as accents.

Try It Yourself in the Color Mixer

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