Skip to main content
Chemistry LibreTexts

30.3: Electrocyclic Reactions

  • Page ID
    448879
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)

    ( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\id}{\mathrm{id}}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\kernel}{\mathrm{null}\,}\)

    \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\)

    \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\)

    \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)

    The best way to understand how orbital symmetry affects pericyclic reactions is to look at some examples. Let’s look first at a group of polyene rearrangements called electrocyclic reactions. An electrocyclic reaction is a pericyclic process that involves the cyclization of a conjugated acyclic polyene. One π bond is broken, the other π bonds change position, a new σ bond is formed, and a cyclic compound results. For example, a conjugated triene can be converted into a cyclohexadiene, and a conjugated diene can be converted into a cyclobutene.

    Two chemical reactions occuring in the presence of heat. A conjugated triene forms 1,3-cyclohexadiene. A conjugated diene forms cyclobutene.

    Pericyclic reactions are reversible, and the position of the equilibrium depends on the specific case. In general, the triene cyclohexadiene equilibrium favors the cyclic product, whereas the diene cyclobutene equilibrium favors the less strained open-chain product.

    The most striking feature of electrocyclic reactions is their stereochemistry. For example, (2E,4Z,6E)-2,4,6-octatriene yields only cis-5,6-dimethyl-1,3-cyclohexadiene when heated, and (2E,4Z,6Z)-2,4,6-octatriene yields only trans-5,6-dimethyl-1,3-cyclohexadiene. Remarkably, however, the stereochemical results change completely when the reactions are carried out under what are called photochemical, rather than thermal, conditions. Irradiation of (2E,4Z,6E)-2,4,6-octatriene with ultraviolet light (denoted hν) yields trans-5,6-dimethyl-1,3-cyclohexadiene (Figure 30.4).

    (2E,4Z,6E)-2,4,6-octatriene reacts with heat to give cis-5,6-dimethyl-1,3-cyclohexadiene. (2E,4Z,6E)-2,4,6-octatriene reacts with light to give trans-5,6-dimethyl-1,3-cyclohexadiene. (2E,4Z,6Z)-2,4,6-octatriene reacts with heat to give trans-5,6-dimethyl-1,3-cyclohexadiene.
    Figure 30.4: Electrocyclic interconversions of 2,4,6-octatriene isomers and 5,6-dimethyl-1,3-cyclohexadiene isomers.

    A similar result is obtained for the thermal electrocyclic ring-opening of 3,4-dimethylcyclobutene. The trans isomer yields only (2E,4E)-2,4-hexadiene when heated, and the cis isomer yields only (2E,4Z)-2,4-hexadiene. On UV irradiation, however, the results are opposite. Cyclization of the 2E,4E isomer under photochemical conditions yields cis product (Figure 30.5).

    Cis-3,4-dimethyl-cyclobutene reacts with heat to form (2E,4Z)-2,4-hexadiene. Cis-3,4-dimethyl-cyclobutene reacts with light to form (2E,4E)-2,4-hexadiene. Trans-3,4-dimethylcyclobutene reacts with heat to form (2E,4E)-2,4-hexadiene.
    Figure 30.5: Electrocyclic interconversions of 2,4-hexadiene isomers and 3,4-dimethylcyclobutene isomers.

    To account for these results, we need to look at the two outermost lobes of the polyene MOs—the lobes that interact when cyclization occurs. There are two possibilities: lobes of like sign can be either on the same side of the molecule or on opposite sides.

    Two orbital pictures in which one figure has like lobes on the same side. The other figure has like lobes on the opposite side. The figures are separated by or.

    For a bond to form, the outermost π lobes must rotate so that favorable bonding interaction is achieved—a positive lobe with a positive lobe or a negative lobe with a negative lobe. If two lobes of like sign are on the same side of the molecule, the two orbitals must rotate in opposite directions—one clockwise and one counterclockwise. This kind of motion is referred to as disrotatory.

    An orbital diagram with arrows to show disrotatory (clockwise and counterclockwise) movement of two p-orbitals with same-sign lobes pointed upward. This allows same-sign lobes to merge.

    Conversely, if lobes of like sign are on opposite sides of the molecule, both orbitals must rotate in the same direction, either both clockwise or both counterclockwise. This kind of motion is called conrotatory.

    An orbital diagram with arrows to show conrotatory (clockwise and clockwise) movement of two p-orbitals with opposite-sign lobes pointed upward. This allows same-sign lobes to merge.

    This page titled 30.3: Electrocyclic Reactions is shared under a CC BY-NC-SA 4.0 license and was authored, remixed, and/or curated by OpenStax via source content that was edited to the style and standards of the LibreTexts platform.