Open Access Article
Juan Panga,
Li Shub,
Ming Lia and
Xiaohong Hu
*a
aCollege of Material Science and Engineering, Jinling Institute of Technology, Nanjing 211169, People's Republic of China. E-mail: hxh@jit.edu.cn; Tel: +86 18913805386
bDepartment of Chemical and Materials Engineering, Hefei University, Hefei 230601, People's Republic of China
First published on 17th June 2020
In the present study, a colorimetric azobenzene-based probe (AZO 1) was reported that exhibits high selectivity toward Cu2+ and undergoes a red to yellow colour change upon its detection. Density functional theory (DFT) calculations were carried out to investigate the mechanism of the probe discoloration. The differences in the binding energies of complexes of 2
:
1 and 1
:
1 stoichiometry indicated that a two-step complexation process takes place as the Cu2+ content increases. However, the calculated absorption spectra suggested that a significant colour change would only be observed for the 1
:
1 AZO 1
:
Cu2+ complex. A HOMO–LUMO electronic transition was a key factor for the blue shift of the absorption bands of the probe. Further studies indicated that solvent molecules participate in the complexation and that the presence of the o-methoxy group in AZO 1 led to formation of an octahedral complex because of the additional chelating site. A significant change in the conformation of AZO 1, namely the rotation of the N,N-di(carboxymethyl)amino group around the N–CAr bond by approximately 90°, resulted in a larger HOMO–LUMO energy gap, and the corresponding alteration of the intramolecular charge transfer (ICT) from the N,N-di(carboxymethyl)amino group to the phenyl ring led to the observed colour change.
Ion detection, especially the selective determination of heavy transition metal ions such as Cu2+, is essential to the analysis of biological and environmental samples. Copper is an indispensable trace element for human health that plays an important role in the formation and functioning of blood cells, central nervous system, immune system, and internal organs. Although it is vital to human health in small amounts, it may be toxic in large quantities. With the continuous accumulation of copper in the body, severe health problems, such as gastrointestinal disturbance and liver or kidney damage, occur.25 Hence, the concentration of Cu2+ in drinking water must be lower than 1.3 ppm (20 mM) according to the US Environmental Protection Agency.26
Among many approaches to detect Cu2+, colorimetric methods27,28 are an attractive option because of their convenience, high speed, and low cost. However, colorimetric probes for the naked eye detection of Cu2+ reported to date are few, and include dynamic metal–organic framework receptors,29 amido-imine based receptors,30 and an azobenzene disperse dye-based colorimetric probe.31–33 A large shift in the UV-vis absorption band is an important criterion for an ideal visualization probe. In 2004, Gunnlaugsson et al.34 synthesized the dipotassium salts of {carboxymethyl-[2-methoxy-4-(4-nitro-phenylazo)-phenyl]-amino}-acetic acid and {carboxymethyl-[4-(4- nitro-phenylazo)-phenyl]-amino}-acetic acid (salts 1 and 2, respectively, Fig. 1). Although both salts are azobenzene-based, the absorption of salt 1 was highly affected by the presence of Cu2+ with a large blue shift of approximately 184 nm, whereas salt 2 lacking an o-methoxy group did not detect copper ions. These findings raise the issue of whether the additional chelation site provided by the o-methoxy group is solely responsible for the different responses of salts 1 and 2 to copper ions.
Currently, computational chemistry is widely accepted by scientists in different fields as a tool to provide explanations at the atomic or molecular levels. Herein, density functional theory (DFT) methods were used to explore the effect of the o-methoxy group in salt 1 and reveal the mechanism of Cu2+ detection by a colorimetric azo-based probe. The molecular models and essential details of the DFT calculations, described in the next section, allowed for calculations of various parameters, including molecular geometries, complexation process, interaction energies, spectra, and major molecular orbitals involved in the transitions. We expect that the present study will promote the development of ion detection techniques.
:
1 and 1
:
1 stoichiometry were modelled for the AZO ligands and Cu2+.
:
1 stoichiometry
:
1 stoichiometry. The optimised structures are shown in Fig. 2, which shows (a) the complexation of AZO 1 and Cu2+, 1 + Cu2+ + 1, and (b) that of AZO 2 and Cu2+, 2 + Cu2+ + 2. For AZO 1, the oxygen and nitrogen atoms of the N,N-di(carboxymethyl)amino groups and the oxygen atoms of the o-methoxy groups participated in the chelation of Cu2+. However, chelation of Cu2+ by AZO 2, lacking o-methoxy groups, occurred only via the oxygen and nitrogen atoms of the N,N-di(carboxymethyl)amino groups, resulting in an approximately square-planar coordination geometry and a “Z” or “П” arrangement of the azo groups. The distance between Cu2+ and the chelation site, N–O–Cu angles, and binding energies are listed in Table S1.† The latter was calculated as the energy of complexation minus the energies of each molecule. A careful analysis of the relationship between structure and binding energy indicated that higher binding energy values corresponded to Cu2+ complexes closer to square planar or octahedral geometries (Fig. 2 and Table S1†).
We selected the complexation of a2 and b4 with binding energies of −223.606 and −213.894 kcal mol−1, respectively, for further study. Their UV-vis spectra are shown in Fig. 3 along with the corresponding main molecular orbitals, whereas the spectra of the other structures were depicted in Fig. S2.† The absorption peak of a2 in the range of 550–650 nm was noticeably weaker than those of the other structures (Fig. 3 and S2†). The involved transition orbitals indicate that these peaks originate from the intramolecular charge transfer (ICT) from the N,N-di(carboxymethyl)amino group to the phenyl rings, rendering this ICT dependent on the spatial arrangement of the groups. In a2, slight rotation of the N,N-di(carboxymethyl)amino group to form an octahedral Cu2+ complex weakened the ICT. In addition, the calculated absorption spectra suggest that no obvious colour changes accompanied the chelation of Cu2+ by AZO 1 or AZO 2 in solution when the stoichiometry was 2
:
1.
:
1 stoichiometry
:
1 stoichiometry takes place. Out of different initial models, optimised structures were selected for detailed studies taking into account the planar four-coordination or octahedral six-coordination of Cu2+. The structures of 1 + Cu2+ + 2Cl−, 1 + Cu2+ + 2H2O, 2 + Cu2+ + Cl−, and 2 + Cu2+ + H2O, together with the optimised AZO 1 and AZO 2 structures are displayed in Fig. 4, whereas other optimised complexation modes are presented in Fig. S3.† The chelation sites and Cu2+ are highlighted by differently coloured spheres (blue for N, red for O, green for Cl−, and orange for Cu2+). The artificially added light grey plate and arrow indicate the position of the atoms in Fig. 4, which shows the participation of the coplanar O1, O2, and N atoms in the complexation of Cu2+. Additionally, the o-methoxy group in AZO 1 forces the central copper ion to adopt the six-coordinated octahedral geometry. However, complexation of Cu2+ by AZO 2 is different than that by AZO 1, as the lack of the o-methoxy group results in a change in the spatial location of the copper ion from the side of the azobenzene plane to its front. Due to the repulsion of the azobenzene conjugated plane, stable octahedral structures are not obtained. Instead, the four-coordinated planar geometry is acquired for 2 + Cu2+ + Cl− and 2 + Cu2+ + H2O (Fig. 4(e) and (f), respectively).
Table S2† shows the binding energies in the complexes, which consist of azobenzenes, Cu2+, and solvent particles (chlorine ions or water molecules) and have therefore two distinct binding energies. That between AZO and Cu2+ (ΔE1), calculated as ΔE1 = Ecomplex − EAZO − Ecopper ion + solvent particles, is −119.263, −160.862, −127.272, and −174.463 kcal mol−1 for 1 + Cu2+ + 2Cl−, 1 + Cu2+ + 2H2O, 2 + Cu2+ + Cl−, and 2 + Cu2+ + H2O respectively, whereas the energy between Cu2+ and solvent particles (ΔE2), calculated as ΔE2 = Ecomplex − EAZO + copper ion − Esolvent particles, is −32.925, −32.421, −27.833, and −23.001 kcal mol−1 for the same complexes. The total binding energy (ΔE) was calculated as the energy of complexation minus the energies of each molecule, and were −241.589, −248.296, −224.407, and −222.576 kcal mol−1 for 1 + Cu2+ + 2Cl−, 1 + Cu2+ + 2H2O, 2 + Cu2+ + Cl−, and 2 + Cu2+ + H2O, respectively. The values of ΔE1 reveal that the interaction between AZO and Cu2+ is enhanced by water molecules more significantly than by chlorine ions. Additionally, comparison of the binding energies of AZOs and Cu2+ complexes of 1
:
1 and 2
:
1 stoichiometry shows that the former are more stable structures. Hence, a two-step complexation process (AZOs and Cu2+ from 2
:
1 to 1
:
1 stoichiometry) should occur as a result of an increase in the copper ion content.
The vertical electronic excitation energies were calculated at the TD-B3LYP/6-31G(d,p)//LanL2DZ level. The absorption spectra were artificially broadened using the GaussSum 2.2.5 software. The simulated UV-vis spectra of AZO 1, 1 + Cu2+ + 2H2O, AZO 2, and 2 + Cu2+ + H2O, and the UV-vis spectra of 1 + Cu2+ + 2Cl− and 2 + Cu2+ + Cl− shown in Fig. 5 and S4,† respectively, reveal that the influence of the chlorine ions on the absorption spectra is similar to that of the water molecules. Since the latter can significantly increase the interaction between the AZO and copper ion, only the absorption spectra of Fig. 5 are analysed herein. Two distinct absorption bands of AZO 1 are calculated at 672 and 465 nm (the experimental values28 are 509 and 325 nm), and those of AZO 2 are at 644 and 432 nm, indicating a red shift of approximately 30 nm upon introduction of the o-methoxy group. However, the spectra of 1 + Cu2+ + 2H2O and 2 + Cu2+ + H2O are distinct. The former shows an extinct peak at 366 nm and a shoulder at 416 nm. The clear blue shift with regard to the spectrum of AZO 1 explains the colour change of the solution from red to yellow. However, the absorption spectrum of 2 + Cu2+ + H2O shows a weak band in the range of 500–800 nm. As the absorption intensity increases with the concentration and the solution contained more than one AZO 2, this absorption cannot be ignored in the real experiment. Since a 1
:
1 mixture of AZO 2 and Cu2+ absorbed in the green spectral region, no obvious colour change was observed during the experiment.
In order to explain the observed >250 nm blue shift of the AZO 1 absorption bands in contrast to the unchanged AZO 2 absorption in the range of 500–800 nm upon combining the AZOs with Cu2+ in 1
:
1 stoichiometry, the major molecular orbitals involved in the transitions were examined (Fig. 6). In the case of AZO 1, the red colour results from the first lowest excited state of 672 nm, which corresponds to the HOMO → LUMO transition (98%, Osc. = 0.8804). The data of 1 + Cu2+ + 2H2O show that the 11th to 25th excited states were relevant to the colour change, among which the 12th and 23rd excited states greatly contributed to the absorption. Specifically, the 12th excited state (416 nm, Osc. = 0.3762) was related to the ICT from the N,N-di(carboxymethyl)amino group to the phenyl rings (HOMO → LUMOα, 53%), while the 23rd excited state (366 nm, Osc. = 0.6931) mainly indicated the ICT from the phenyl rings to the nitro group (HOMO-4 → LUMOα, 46%).
![]() | ||
| Fig. 6 Some main molecular orbitals transitions of AZO 1, 1 + Cu2+ + 2H2O, AZO 2 and 2 + Cu2+ + H2O. | ||
Similarly, we found that the AZO 2 absorption peaks resulting from the HOMO → LUMO transition (644 nm, Osc. = 0.8679, ICT from the N,N-di(carboxymethyl)amino group to phenyl rings) accounted for the red colour. A weak peak at 656 nm in the spectrum of 2 + Cu2+ + H2O indicated a HOMO → LUMOβ transition (54%, ICT from the phenyl rings to the N,N-di(carboxymethyl)amino group). A shoulder at 473 nm was also observed due to the HOMO → LUMOβ transition (34%), whereas the strong peak at 407 nm results from a HOMO → LUMOα transition (40%, ICT from the N,N-di(carboxymethyl)amino group to the phenyl rings). Hence, we infer that the HOMO to LUMO electronic transition is a key factor for colour change (or lack thereof) upon combining AZO 1 and AZO 2 with Cu2+ in a 1
:
1 stoichiometry. The HOMO–LUMO energy gap was calculated as ΔEH–L = EHOMO − ELUMO. The ΔEH–L of AZO 1 and AZO 2 are 1.9 and 2.01 eV, respectively, whereas the ΔEH–L of 1 + Cu2+ + 2H2O are 3.37 and 3.34 eV for the α and β orbitals, respectively, and the corresponding values for 2 + Cu2+ + H2O are 3.32 and 2.87 eV (α and β orbitals, respectively). Clearly, the AZO 1 and AZO 2 strong bands and the 2 + Cu2+ + H2O weak bands in the range of 500–800 nm were due to the small ΔEH–L (<3 eV). Hence, the presence of the o-methoxy group in AZO 1 led to formation of an octahedral copper complex. As a result, rotation of the N,N-di(carboxymethyl)amino group by approximately 90° around the N–CAr bond, which in turn led to a larger HOMO–LUMO gap of approximately 3.34 or 3.37 eV related to the ICT from the N,N-di(carboxymethyl)amino group to the phenyl ring.
:
1 stoichiometry would occur at low Cu2+ concentrations without colour change, according to the corresponding calculated absorption spectra. With the increase in the Cu2+ concentration, complexation of AZOs and Cu2+ in a 1
:
1 stoichiometry would occur. The geometry of the optimised structures revealed that the formation of an octahedral complex requires rotation of the N,N-di(carboxymethyl)amino group by approximately 90° around the N–CAr bond in AZO 1. In contrast, AZO 2 lacking a o-methoxy group led to a four-coordinated, planar Cu2+ complex in which the N,N-di(carboxymethyl)amino group did not rotate. Further studies revealed that electronic transitions from HOMO to LUMO were the key factors in the colour changes of the solutions, thus enabling the detection of Cu2+. The change in the conformation of AZO 1 in the 1
:
1 complex is associated with a larger HOMO–LUMO gap (ΔEH–L was 3.34 and 3.37 eV for α and β orbitals, respectively). Hence, the ICT from the N,N-di(carboxymethyl)amino group to the phenyl ring with a larger ΔEH–L results in >250 nm blue shift of the absorption bands, which corresponds to the change in the colour of the solution from red to yellow.
Footnote |
| † Electronic supplementary information (ESI) available. See DOI: 10.1039/d0ra02468f |
| This journal is © The Royal Society of Chemistry 2020 |