Warm combinationsCinematic contrast
Orange and Teal Color Combination
Teal is close to orange’s opposite, so each color pushes the other forward on screen. Film colorists grade skin tones orange against teal shadows for exactly that reason.
Hex codes #FFA500 and #008080 — a cinematic contrast pair with a 2.42:1 contrast ratio between the two colors.
Values for this combination
- RGB
- rgb(255, 165, 0)
- HSL
- hsl(39, 100%, 50%)
- Hex
- #FFA500
- RGB
- rgb(0, 128, 128)
- HSL
- hsl(180, 100%, 25%)
- Hex
- #008080
Contrast between Orange and Teal
Contrast ratio 2.42:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.
Teal text on a Orange surface, at 2.42:1.
Orange text on a Teal surface, at 2.42:1.
Where this pair works
- Film posters
- Product photography
- Web heroes
Give Orange (#FFA500) roughly 60% of the surface, Teal (#008080) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.
A five-color set from this pair
Orange and Teal as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.
- Pale tint#faf1e1backgrounds and large surfaces · closest to Linen
- Primary#FFA500the dominant color · closest to Orange
- Secondary#008080the accent color · closest to Teal
- Deep shade#004d4dtext, borders and icons · closest to DeepJungleGreen
- Neutral#f6f5f4dividers and quiet surfaces · closest to WhiteSmoke
Explore Orange and Teal on their own
Orange
More color combinations
Teal and Gray
#008080 · #808080Modern technicalOpen combinationTeal and Navy
#008080 · #000080Nautical depthOpen combinationOrange and Purple
#FFA500 · #800080Split contrastOpen combinationRed and Teal
#FF0000 · #008080Opposites attractOpen combinationTurquoise and Orange
#40E0D0 · #FFA500Tropical contrastOpen combinationRed and Yellow
#FF0000 · #FFFF00Loud and appetisingOpen combinationOrange and Teal are a cinematic contrast pair: teal is close to orange’s opposite, so each color pushes the other forward on screen. Film colorists grade skin tones orange against teal shadows for exactly that reason.
Frequently asked questions
Yes — this pair is used for film posters, product photography, web heroes. The two colors measure 2.42:1 against each other, which means the two should sit side by side as surfaces rather than as text and background.
Good to know
- Every value on this page is calculated from #FFA500 and #008080 — nothing is hardcoded.
- Build a longer palette out of Orange or Teal in the palette generator, or test your own text pair in the contrast checker.
Put this combination to work
Turn Orange and Teal into a full palette, a gradient or a set of shades — or check the pair against WCAG.
