Xia Rana,
Qiongqiong Gaoa,
Yu Zhang*b and
Lijun Guo*a
aInstitute of Micro/Nano Photonic Materials and Applications, Henan University, Kaifeng 475004, People's Republic of China. E-mail: juneguo@henu.edu.cn
bInstitute of Plant Stress Biology, Henan University, Kaifeng 475004, People's Republic of China. E-mail: qikeli@hotmail.com
First published on 12th December 2017
The fluoride anion sensing properties of BNB-t4 and BNBC-t8 consisting of hydrazide and azobenzene moieties both in solution and gel state, and the involved binding mechanism have been systematically investigated in this work. The remarkable changes in the absorption of receptor BNB-t4 with a terminal hydroxyl group demonstrate a colorimetric chemosensor with a higher sensitivity in sensing fluoride anions than that of BNBC-t8 with a terminal methoxy group. The detection limit of BNB-t4 for the analysis of F− can reach as low as 4.27 × 10−8 M, while this value is 2.02 × 10−6 M for BNBC-t8. The results indicate that the F− ion interacts with the amidic –NH and hydroxyl proton of BNB-t4 via hydrogen-bonding to give the stable 1:
2 complex at the first equilibrium state, and further addition of F− can induce deprotonation by forming HF2− to establish a second equilibrium state. Meanwhile, the gel–sol transition of BNB-t4 has been successfully applied in sensing fluoride anions and thus makes BNB-t4 a naked-eye sensor. The color change of BNB-t4 induced by binding fluoride anions can be safely switched off with the addition of HSO4−, demonstrating an OFF–ON–OFF colorimetric sensor with a good reversibility.
Stimuli-responsive organogel, structurally controlled by the assemblies of low-molecular-weight gelators (LMWGs) through noncovalent interactions is one of the most attractive examples due to its unique properties.44 The gelation behavior involves the molecule self-assembly into three dimensional structures and is usually influenced by the external conditions, and thus can be tuned by physical and chemical stimuli, such as temperature,45 UV/visible light,46 ions,47–56 ultrasound,57 and so on. Therefore, the self-assembly behavior, sol–gel transition, and colorimetric/fluorescent change of LMWGs in gel or solution can be employed as molecular sensors in monitoring external stimuli. To create simple, convenient, and economical sensors requires successful fabrication of small molecular anion sensors into colorimetric test kits.44 So far, a few reports on anion-tuning organogels have been reported for detecting fluoride ion.47–49 For instance, Lee and co-workers found that translucent colorless gel can be changed to liquid and showed a strong greenish fluorescence with the presence of fluoride anion.47 Wu and co-workers developed a specific colorimetric and fluorimetric sensor for detecting fluoride anion.48 Jiang and co-workers demonstrated that organogels based on salicylidene Schiff base showed a highly selective dual-responsive behavior to Zn2+ and F−, respectively.49 In the meantime, the detection limit for fluoride anion in sol phase has been improved to micromole level, which is low enough to be applied in environmental or biological fields.2 Although previous works presented a wide variety of anion sensors based on electrostatic interactions, hydrogen bond donor groups, Lewis acid groups and hydrophobic interactions, it is still a challenge to design and synthesize anion organogelators with specific selectivity and high sensitivity for sensing certain anions, because of their lower charge to radius ratio and highly solvated nature.44 Especially, the gelators showing both reversible and highly sensitive colorimetric changes and sol–gel transition by anion stimuli are still limited to date.
Here, as an attempt to obtain a smart fluoride anion-responsive gelator with potential anion sensing applications, we had designed and synthesized a gelator bearing phenol O–H and hydrazide for hydrogen bond donor subgroups, N-(3,4,5-tributoxyphenyl)-N′-4-[(4-hydroxyphenyl)azophenyl] benzohydrazide (BNB-t4), and a control molecule, N-(3,4,5-octanoxyphenyl)-N′-4-[(4-methoxyphenyl)azophenyl] benzohydrazide (BNBC-t8) (Scheme 1).46,58 The characteristics and binding mechanism of BNB-t4 with fluoride anion have been systematically investigated in this work. The results indicate that BNB-t4 gels exhibit both colorimetric and gel–sol transition sensing properties upon addition of fluoride anion. The remarkable change in the absorption of receptor BNB-t4 with terminal hydroxyl groups demonstrates a colorimetric chemosensor with higher sensitivity in sensing fluoride anion than that of BNBC-t8 with terminal methoxy groups. In addition, the color change of BNB-t4 induced by binding fluoride anion can also be safely switched off with the addition of HSO4−, demonstrating an excellent OFF–ON–OFF colorimetric sensor with a robust reversibility.
To quantitatively examine the binding properties of BNB-t4 and BNBC-t8 to fluoride anion, we performed the titrated absorption spectral analysis at a low concentration (1 × 10−5 M) (Fig. 2 and 3). As shown in Fig. 2, the solution of BNB-t4 in chloroform is light yellow with a dominant absorption maximum at 356 nm (π–π* transition) and an absorption tail around 450 nm. With increasing amount of F− added, the absorbance at 356 nm gradually decreased and red-shifted to 372 nm along with a clear isosbestic point at 382 nm, when 4 equiv. of fluoride anions was added. This process corresponds to the formation of a BNB-t4-F− complex by hydrogen bonding during the first course of titration (0–4 equiv.). With the continuous addition of fluoride anion to 12 equiv., the absorption of π–π* transition was shifted to 404 nm and a new isosbestic point was shifted to 355 nm in the second course. Meanwhile, a new broad absorption band at 460 nm emerged during the whole titration course, demonstrating the formation of another complex and HF2− by deprotonation of –NH subgroup.48,59 The deprotonation of BNB-t4 upon addition of F− ion was eventually confirmed by 1H NMR titration as given below (see Fig. 5). Concurrently, the colorimetric changes are striking and visible, from almost colorless to yellow with the addition of fluoride anion. Plotting the A0/(A0 − A) quantity for absorbance at 356 nm against the reciprocal of [F−]2 gives a good linear response (Fig. 2b), and shows a 1:
2 ratio for the complex composition of BNB-t4 and the F− ion in chloroform.59 Similarly, this 1
:
2 ratio of complex composition for BNB-t4 with F− ion was also obtained in DMSO (see Fig. S4†). Furthermore, the stoichiometric ratio between BNB-t4 and the F− ion was determined by Job's plot and indicated a 1
:
2 binding mode (Fig. 4a), which is consistent with the Benesi–Hildebrand plot observations. Likewise, two isosbestic points at 302 nm and 391 nm were observed in the absorption titration experiments of BNBC-t8 (Fig. 3a). Plotting the A0/(A − A0) quantity of absorbance at 450 nm against the reciprocal of [F−] (Fig. 3b), by contrast, gives a 1
:
1 ratio for the complex composition of BNBC-t8 and the F− ion. Moreover, the absorbance value approached the maximum when the molar fraction of BNBC-t8 was 0.5 as shown in Job's plots (Fig. 4b), indicating the formation of a 1
:
1 complex between BNBC-t8 and F−. Taking together, these results suggest that both phenol O–H and hydrazide subgroups of BNB-t4 can recognize the added F− through hydrogen bonding interaction.
![]() | ||
Fig. 4 Job's plots for the complexes of (a) BNB-t4 with F− and (b) BNBC-t8 with F− (in chloroform). Total concentration of [BNB-t4] or [BNBC-t8] + [F−] was kept constant at 10−5 M. |
Furthermore, the sensitivity and selectivity of BNB-t4 towards anions can also be characterized by the association constant Ks of complex formation between a proton donor and an anion.59 As mentioned above, the hydroxyl and hydrazide subgroups in BNB-t4 are the dominant sites for binding fluoride anion, the calculated association constant Ks is as large as 5.54 × 109 M−2, suggesting efficient and sensitive recognition for F−. In comparison, the association constant of BNBC-t8 for F− was determined to be the value of 3.20 × 103 M−1. Thus, the much stronger binding ability of BNB-t4 to F− compared to that of BNBC-t8 can be attributed to O–H/F intermolecular hydrogen bonding. As an important index of chemosensors, the detection limit of receptor BNB-t4 in solution for sensing F− can also be obtained from the plot of absorption as a function of F− concentration (Fig. S5†),41,59 which was found to be 4.27 × 10−8 M in chloroform. In comparison, the detection limit of BNBC-t8 for F− was determined with the value of 2.02 × 10−6 M (Fig. S6†), two order smaller than that of BNB-t4. As a consequence, the BNB-t4 with terminal hydroxyl group is more sensitive to fluoride anion than the BNBC-t8 with terminal methoxy group, which can be confirmed by a more visible color change. This high sensitivity for fluoride anion makes the BNB-t4 receptor a competitive candidate for environmental detection. In contrast to fluoride detection, the obtained binding ratio is 1:
1 for BNB-t4 with both AcO− and H2PO4− anions in chloroform, and the corresponding complex constants are 7.5 × 104 (M−1) and 2.0 × 103 (M−1), respectively (Fig. S7 and S8†). Therefore, these results indicate that BNB-t4 with terminal hydroxyl groups is more sensitive to fluoride than to other anions.
To investigate the interaction active sites of BNB-t4 that bind with fluoride anion, the 1H NMR titration experiments were carried out in DMSO-d6. Fig. 5 showed the 1H NMR spectra of BNB-t4 in the titration course of F− and illustrated the spectral shifts of the phenol O–H (Hα) and hydrazide N–H (Hβ and Hγ) group, respectively. The chemical shifts of the O–H and N–H protons on BNB-t4 appeared at δ 10.64, 10.47, and 10.46 ppm before the addition of F−, respectively. After the addition of 0.5 equiv. of F−, the signal of these three protons disappeared, and the simultaneous appearance of a weak broad signal at δ 10.56 ppm indicates the formation of N–H⋯F− and O–H⋯F− hydrogen bonding. The gradual weakening of Hα, Hβ and Hγ proton signals with the increase of F− suggests that the phenol O–H and hydrazide N–H underwent a deprotonation process. However, after the addition of 10 equiv. fluoride anion, the existence of a weak peak at 10.50 ppm of BNB-t4 indicates that not all of the phenol O–H and hydrazide N–H experienced a deprotonation process. In the NMR spectra of BNBC-t8 with different amount of F− anion, a weak peak at 10.41 ppm was also observed upon the addition of 6 equiv. F−, suggesting only one of hydrazide N–H underwent deprotonation (Fig. S9†). Meanwhile, a new weak triplet signal appeared at δ 16.43 ppm, 16.13 ppm and 15.83 ppm (Fig. 5g), clearly demonstrates the formation of HF2−. Moreover, the spectral shifts of aromatic phenyl rings (Hδ, Hε and Hω) linked to the hydroxyl and hydrazide group are shown in Fig. S10.† The continuous increase of F− concentration resulted in the protons Hδ, Hε and Hω of the phenyl rings to be out of the same chemical environment, and thus the up-field shifts of resonance signals for the Hδ, Hε and Hω were observed in the NMR spectra.
![]() | ||
Fig. 5 Partial 1H NMR spectra of BNB-t4 (5 mM) in DMSO-d6 upon the addition of F− (a) free, (b) 0.5 equiv., (c) 2 equiv., (d) 4 equiv., (e) 6 equiv., (f) 8 equiv. and (g) 10 equiv. |
Combining all the previous observations and obtained results, the sensing behavior of BNB-t4 for fluoride anions can be schematically described in Scheme S1.† Due to the existence of hydrogen bonding subgroups –OH and –NH for fluoride anion in BNB-t4, the addition of F− induces the rebalancing among hydrogen bonding, van der Waals and π–π stacking in solution. Moderate amount of F− ion establishes a hydrogen-bonding interaction with BNB-t4 to generate a stable 1:
2 complex, while excess amount of fluoride anion causes one of the NH group to deprotonate, and the other NH group together with the oxygen atom nearby deprotonated nitrogen atom forms an intramolecular hydrogen bonding. Concomitantly, the recognition of BNB-t4 to fluoride anion leads to colorimetric changes visible to naked eyes in solution. In contrast with the situation of BNBC-t8, the hydrogen bonding subgroup –NH dominates the recognition of fluoride anion, demonstrating the 1
:
1 ratio for the complex composition of BNBC-t8 and F−. Therefore, it can be concluded that the terminal hydroxyl group of BNB-t4 effectively improves the binding ability and the detection limit in sensing fluoride anion, resulting in a more obvious color change that can be sensed by naked eyes. The good performance in binding/sensing fluoride anion over other anions including acetate and phosphate makes BNB-t4 a highly sensitive and selective chemosensor.
To test the ability of receptor BNB-t4 as a colorimetric for fluoride anion against other anions, we carried out competition experiments in the presence of F− mixed with various anions. As shown in Fig. 6, the fluoride anion induced absorption spectral response demonstrates little change with the addition of the other coexistent anions except for HSO4−. The experimental results indicate that the receptor BNB-t4 has a good selectivity for F− ion in the presence of other anions, making it very useful in practical applications. With the addition of HSO4−, there is no obvious change observed in the absorption spectrum of BNB-t4 without the presence of fluoride anion, indicating a very weak recognition of BNB-t4 to HSO4− (Fig. 6). However, it is very interesting to notice that the absorption spectral change of BNB-t4 induced by F− ion can be efficiently recovered to the initial state with the addition of 10 equiv. HSO4−. In other word, the bonded fluoride anion with BNB-t4 can be totally released by the addition of HSO4− ion. Correspondingly, the color change of BNB-t4 induced by binding F− ion can also be safely switched off with the addition of HSO4− (the inset of Fig. 6), demonstrating a typical OFF–ON–OFF colorimetric sensor with a great recycling feature. Furthermore, the absorption spectral change of BNB-t4 induced by binding F− ion can also be recovered with the addition of H+, such as HClO4 and methanol (MeOH) (Fig. S11†).
The gelation properties of BNB-t4 were discussed in our previous work, and the results indicate that BNB-t4 is capable of forming stable gels in moderately polar solvents such as dichloromethane, chloroform, and aromatic solvents.46 The introduction of anions is expected to break the balance among the involved driving forces and induces the phase transition to sense the specific anion in turn. The effect of anions on BNB-t4 gelator was revealed by the gelation experiments in the presence of fluoride anion. When 5 equiv. of F− was added into the chloroform organogel of BNB-t4 at 25 °C, a thin column of wine-colored solution immediately appeared at the upper part and then the gel underwent a gradual decomposition of the gelatinous state in 25 min, yielding a wine-colored solution (Fig. 7). This observation clearly indicates that the force balancing in BNB-t4 gel is destroyed by the introduction of F− and thus causes the dramatic phase transition from gel to sol with the concomitant color change visible to the naked eyes. The changed color of solution can be readily recovered by adding proton reagents such as MeOH. Similar phenomena were also observed upon the addition of solid TBA salts of AcO− or H2PO4− (Fig. S12†), but the corresponding phase transition took a much longer time. This different response rate can be thus used to discriminate fluoride anion from acetate and phosphate anions. However, the color transition and gel decomposition was not observed with the addition of Cl−, Br−, I− and HSO4− at the identical condition (Fig. S13†), indicating the selectivity of BNB-t4 gelator for the recognition of anions. In addition, these results also demonstrate the anions such as F−, AcO− and H2PO4−, rather than TBA cations, are responsible for the transformation from organogel to solution.
The fluoride anion induced gel–sol transition can be further confirmed by scanning electron microscopy (SEM) study. Without the presence of F− ion, the morphology of BNB-t4 xerogel from chloroform (Fig. 8a) shows entangled and dense fibers. In contrast, these fibers are morphed into bent and swelled sausage structure to expel the gelated solvent (Fig. 8b) with the addition of fluoride anion. Based on the fact that fluoride anion has strong attacking ability to –NH and –OH subgroups in BNB-t4, this morphology transformation suggests that F− can be inserted into the molecular assembly by hydrogen binding with the receptor BNB-t4, similar to the binding mode in solution. As a result, the host–guest binding destroys the balance of intermolecular interactions and initiates the driving force competition with the introduction of F−. It is however worthwhile to mention that this phase transition could also be partly attributed to the deprotonation of –NH and –OH subgroups, especially in the case of excess F−. As a consequence of the deprotonation, a new established balance among the driving forces consisting of hydrogen bonding, van der Waals and π–π stacking results in the formation of final solution phase.
Footnote |
† Electronic supplementary information (ESI) available. See DOI: 10.1039/c7ra11650k |
This journal is © The Royal Society of Chemistry 2017 |