Atanu
Panja
and
Kumaresh
Ghosh
*
Department of Chemistry, University of Kalyani, Kalyani-741235, India. E-mail: ghosh_k2003@yahoo.co.in; kumareshchem18@klyuniv.ac.in; Fax: +91 3325828282; Tel: +91 3325828750
First published on 8th August 2018
Azo and imine functionalised 2-naphthols 1–3 have been established as low molecular weight supramolecular gelators (LMWGs). Hydrogen bonding and π–π stacking between the naphthalene units contribute a weak force for gelation. The gels have sufficient mechanical strength and are responsive to multiple ions. While the gel of 1 in CH3CN
:
H2O (1
:
1, v/v) is responsive to Fe3+ and Cu2+ ions, under identical conditions the gel of 2 is sensitive to Fe3+ ions involving a gel-to-sol transition. The imine compound 3 in its gel state (DMSO
:
H2O; 1
:
1 v/v) displays selective interaction with Fe3+ ions over a series of other metal ions through a color change of the gel state from yellow to dark brown. Compound 3, in this context, is an LMWG that selectively detects Fe3+ and also Fe2+ in the presence of an oxidising agent. Oxidation of Fe2+ by reactive oxygen species (ROS) and its subsequent colorimetric effect on the gel of 3 finds application in ROS detection. Moreover, the Fe3+ ion-induced colored gel of 3 successfully senses F− ions visually from other halides. For real-life application, a test strip of 3 for the detection of these analytes and also its use as a rewritable display material and combinational logic gate system are demonstrated.
Among the different transition metals, the sensing and detection of Fe3+ and Cu2+ ions are important because of their biological relevance. Cu2+ ions serve as a catalytic cofactor for a variety of metalloenzymes,6 though an excess of it can damage several body functions such as gastrointestinal disturbance and liver or kidney damage.7 On the other hand, the Fe3+ ion is an essential element in living cells, performing vital roles in the function of haemoglobin or other cellular metabolism processes.8 A deficiency of Fe3+ can lead to liver damage, anaemia, Alzheimer's disease, Parkinson's disease and cancer.9 Again, sensing probes for Fe3+ ions have often suffered from interference by Fe2+ or other cations.10 So, the specific detection of these metal ions is crucial. Although several fluorimetric and colorimetric sensing probes for Fe3+ ions have been reported in the literature,10,11 until now there have only been a few reports of their detection involving gel media.10i,j Thus, the scope for the development of a new supramolecular gelator for the selective recognition of Fe3+ ions is exceedingly demanding.
![]() | ||
| Scheme 1 NaOH, 0–5 °C, 15 min; (ii) 3-amino pyridine, NaNO2, HCl, 0–5 °C, 30 min; (iii) aniline, NaNO2, HCl, 0–5 °C, 30 min; (iv) 3-amino pyridine, benzene, reflux, 4 h. | ||
:
H2O solvent systems, the imine analogue 3 was unable to undergo self-association under similar conditions. Compound 3 formed a gel from DMSO
:
H2O (1
:
1, v/v). There was a noticeable difference in their minimum gelation concentrations (mgc) and gel melting temperatures (Tgel).
For our study, we focused on the CH3CN
:
H2O (1
:
1, v/v) gels of 1 and 2, and the DMSO
:
H2O (1
:
1, v/v) gel of 3 due to their lower mgc values for gelation. Both azo dye-based gelators 1 and 2 underwent gelation in CH3CN
:
H2O (1
:
1, v/v) to give red and orange colored gels, respectively. Gelator 2 exhibited low mgc and high Tgel values (mgc = 8 mg mL−1 and at mgc Tgel = 42 °C) compared to 1 (mgc = 9 mg mL−1 and at mgc Tgel = 38 °C) thereby highlighting the subtle role of pyridine in 2. In our opinion, pyridine forms hydrogen bonds with water and introduces a cross-linked network in solution to form a gel. Furthermore, the gel forming abilities of the pyridyl conjugates 2 and 3 in THF
:
H2O compared to the phenyl analogue 1 that remained in solution, supported the participation of pyridyl nitrogen in gelation.
In FTIR study (Fig. 1S, ESI†), the stretching signals of phenolic –OH (at 3421 cm−1 and 3418 cm−1 for 1 and 2, respectively) became broad. The stretching frequency for the azo –N
N– bond (at 1547 cm−1 and 1578 cm−1 for 1 and 2, respectively) also shifted downfield and appeared as an overlapped band in the broad region 1634 cm−1. This suggested the breaking of some intramolecular H-bonding with the simultaneous making of intermolecular linkages involving the solvent as mediator during gelation. In the case of 3, the stretching signal for the imine –C
N bond (1621 cm−1) also moved to the higher region by 23 cm−1 on changing from an amorphous to a gel state (Fig. 1S, ESI†) and we thereby inferred a similar situation to that proposed for 1 and 2. The aggregates are stabilized by a π-stacking force, occurring among the naphthalenes of the gelators. Intramolecular hydrogen bonding between the imine or azo nitrogen with the –OH group locks the molecular conformation into a planar arrangement and thereby results in extensive π–π stacking between the naphthalene rings, which governs the gel formation.4a
All the gels exhibited thermally activated gel–sol phase transition. A sharp increase in Tgel was observed with an increase in gelator concentration (Fig. 2S, ESI†).
The morphologies of the gels were characterised by SEM images that revealed closely packed flakes for 1 and rod like fibrous networks for 2 and 3 (Fig. 1). In our opinion, as π–π stacking between the naphthalene units is the only stabilizing force for gelation of 1, a layer-by-layer arrangement of a large number of flakes is observed. In comparison, intermolecular hydrogen bonding involving pyridyl nitrogen atoms in 2 and 3 could possibly lead to the formation of rod-like fibers in the gel architectures.
To understand the molecular aggregation, UV-vis and fluorescence spectra of compounds 1–3 in the solution and gel states were recorded and compared. The absorptions for compound 1, noted at 314 nm, 410 nm and 482 nm in solution, were red shifted to 326 nm, 415 nm and 490 nm, respectively in the gel state. In addition, a weak shoulder at 580 nm in the gel state corroborated the aggregation. A red shift of 5 nm of the absorption peak at 410 nm during gelation indicated π–π stacking (J aggregate)13 between the naphthalene rings (Fig. 2a). For compound 2, significant broadening of the absorption in the region 350–470 nm and for compound 3 a red shift of the absorption band at 432 nm by 33 units in the gel states compared to their sol states (Fig. 3S, ESI†) supported the stacking interaction.
In the fluorescence spectra, emissions centered at 380 nm, 375 nm and 362 nm for 1, 2 and 3 in the sol states, due to their excited state keto forms through ESIPT (excited state intramolecular proton transfer), were quenched and suffered red shifts by 10 nm, 8 nm and 32 nm in the gel states, respectively (for 1: Fig. 2b, for 2 and 3: Fig. 3S, ESI†). This was attributed to the existence of π–π stacking among the naphthalenes in the gel matrixes.14
δ values (tan
δ = G′′/G′; 0.59, 0.50 and 0.58 for the gels of 1, 2 and 3, respectively) revealed that the gel of 2 exhibited higher mechanical strength (lower tan
δ) compared to the other two gels.1g
![]() | ||
| Fig. 3 Photograph showing the changes in the gel state of (a) 1, (b) 2 and (c) 3 (at mgc) upon the addition of different metal ions. | ||
In the case of 2, only Fe3+ ions over the other metal ions examined disintegrated the gel within 1 h (Fig. 3b) and thus the gel state of 2 was more selective than the gel of 1.
To become acquainted with the sensitivity of the gel state for metal ion detection, 0.5 equiv. amounts of the metal ions instead of 1 equiv. amounts were used in the study and the same observations were noted. Only the gel to sol conversion was achieved in a longer time (Fig. 4S, ESI†). To be precise, a detailed study, as shown in Fig. 4S (ESI†), reveals that the gels of 1 and 2 were interactive with Cu2+ and Fe3+ ions when they were treated with the metal ions with a concentration as low as 0.02 M for 1 and 0.03 M for 2. Below these concentrations, there was gel formation.
The recovery of the gels from Cu2+ and Fe3+ ion-induced broken gels was tested upon separate additions of EDTA, acetylacetone, and 1-dodecanethiol (Fig. 5S and 6S, ESI†). In both cases, EDTA retrieved the gels. In contrast, while 1-dodecanethiol recovered the gel from Cu2+-induced broken gel by complexing Cu2+ ions, under similar conditions the Fe3+-induced broken gel remained unaffected. Similarly, acetyl acetone only regenerated the gel from an Fe3+-induced broken gel through strong chelation of Fe3+. These observations are worthwhile for distinguishing these metal ions.
Like the gels of 1 and 2, the metal ion responsive nature of the DMSO
:
H2O gel of 3 was verified using the same metal ions. None of the metal ions ruptured the gel when added in 1 equiv. amount (as perchlorate salts, c = 0.2 M). Only in the presence of Fe3+ ions, the yellow colored gel turned into dark brown without showing any phase change (Fig. 3c). Upon addition of Fe3+ ions, the yellowish gel slowly changed to light brown and finally to dark brown after 24 h (Fig. 7S, ESI†). It is worth mentioning here that the dark brown colored metallogel was obtained instantly when the gel was prepared by adding an aqueous solution of Fe3+ ions to the DMSO solution of 3 by maintaining the required ratio of solvents. Thorough experiments pointed out that the presence of 0.03 equiv. of Fe3+ ions (c = 0.003 M) was the optimum at which the gel of 3 was capable of changing its color from yellow to dark brown (Fig. 8S, ESI†). Fe2+ ions did not bring about this sharp color change in the gel.
To check whether the counter anions of the Fe3+-salt had any role, salts other than perchlorate, such as FeCl3 and Fe2(SO4)3, were used in the study. Observations in all cases were identical. However, when an aqueous solution of K3Fe(CN)6 was used, no change in the color of the gel state was observed due to the non-existence of free Fe3+ ions (Fig. 9S, ESI†). These findings not only ruled out the role of counter anions but also indicated the key function of free Fe3+ ions in bringing a color change to the gel state. As in the case of 1 and 2, the yellow color of the original gel of 3 was recovered upon addition of an aqueous solution of EDTA (Fig. 10S, ESI†). Thus compound 3, comprising a naphthalene-salicylideneaniline architecture, acted as a new supramolecular gelator to selectively detect Fe3+ ions by the naked eye from other various metal ions tested.
Since most Fe3+-sensors suffer from interference by Fe2+ ions,10d–f the development of a selective, sensitive and efficient probe for Fe3+ ions is a great challenge. Gelator 3 solves this problem by giving a different coloration of the gel in the presence of Fe3+ and Fe2+ ions (Fig. 8S and 9S, ESI†).
The spectacular color change of the gel state of 3 in the presence of Fe3+ ions can presumably be attributed to the subtle change in the molecular structure of the gelator/ligand upon complexation of Fe3+ that augments the charge transfer occurring between the ligand and the metal ions.15 The SEM image of the Fe3+-3 gel exhibited clusters of small sized rods (Fig. 11S, ESI†) which is in contrast to the morphology of the gel of 3 (Fig. 1c). Even the thermal and mechanical properties of the Fe3+-induced colored gel of 3 varied from those of the simple gel of 3. A slight increase in Tg (4 °C) was recorded at the mgc of 3 in the presence of 1 equiv. of Fe3+ ions. In a dynamic amplitude sweep experiment (at a fixed frequency ω = 1 Hz) of 3-Fe3+ gel, the crossover point was detected at 1.99% strain (for the gel of 3 it was 31.2%) which indicated a decrease in the strain bearing capability and elastic nature of the gel in the presence of Fe3+ ions (Fig. 12S, ESI†). However, in a frequency sweep experiment (at a constant strain of 0.5%), the 3-Fe3+ gel was found to exhibit a higher storage modulus (G′) compared to the gel of 3 (almost 1.3 times higher), which suggested an increase in its mechanical strength.
A UV-vis spectral study of the gel of 3 itself and in the presence of Fe3+ was performed. As can be seen from Fig. 13S (ESI†), the absorption bands at 382 nm (assigned to the n–π* transition of the imine bond) and 465 nm (for the keto-amine form of the Schiff base) of the gel of 3 underwent a marked change in the presence of Fe3+. The addition of Fe3+ showed the disappearance of the peak at 382 nm followed by the appearance of a 5 nm blue shifted peak at 460 nm. This observation enables us to presume that there is a difference in the population of the equilibrium forms of the imine and keto-amine forms in the gel of 3 when Fe3+ ions are present.
An FTIR study of compounds 1–3 in their gel states was performed in the absence and presence of the said metal ions. As can be seen from Fig. 39S (ESI†), the azo motifs in 1 and 2, which appeared at 1558 cm−1 and 1578 cm−1 respectively, moved to lower stretching frequencies in the presence of metal ions (for 1: 1539 cm−1 and 1545 cm−1 in the presence of Fe3+ and Cu2+ ions respectively; for 2: 1552 cm−1 in the presence of Fe3+ ions). Similarly, in the case of 3 the stretching frequency for the imine bond at 1622 cm−1 in the gel state became broad in the presence of Fe3+ ions and it was difficult to interpret. However, in all cases, the C–O bond stretch moved to lower regions to different extents in the presence of the metal ions (Fig. 14S, ESI†). This information demonstrates that the imine or azo group in the compounds participates in interaction with the metal ions either individually or collaborately with the phenolic-OH.
:
H2O (1
:
1, v/v). During titration with different metal ions, the absorption spectra of all the compounds were influenced by Fe3+ ions alone (Fig. 15S, ESI†). Upon titration with Fe3+ ions (up to 40 equiv.), for compound 1, the absorption at 482 nm was gradually decreased followed by an increase in intensity of the band at 314 nm, resulting in an isosbestic point at 410 nm (Fig. 4a), which clearly indicated the complexation of Fe3+ ions with 1. Except for Cu2+ ions (up to 5 equiv.) which brought about a weak ratiometric response (Fig. 16S, ESI†), other metal ions did not significantly affect the absorption spectrum of 1 (Fig. 15Sa, ESI†). In our opinion, such a weak interaction of 1 with Cu2+ ions was sufficient to disturb the gel state.
Like 1, a ratiometric spectral change for pyridyl azo analogue 2 with Fe3+ was observed (Fig. 4b), where all the other metal ions were found to be non-interacting (Fig. 15Sb, ESI†).
The UV-vis spectrum of the imine analogue 3 that exhibited four absorption bands at 314 nm, 368 nm, 432 nm and 452 nm, was also influenced by Fe3+ ions. Upon the gradual addition of 25 equiv. amounts of Fe3+ ions, a ratiometric change with two isosbestic points at 375 nm and 476 nm associated with a noticeable color change from light green to a faint pale brown color was observed (Fig. 4c). Other metal ions, except Cu2+, did not show any considerable change in absorption (Fig. 15Sc, ESI†). Although Cu2+ brought about a change in the absorption spectra, the light green color of the solution remained unchanged (Fig. 17S and 18S, ESI†).
:
1 binding interaction of 1 and 2 with Fe3+ and Cu2+ ions (Fig. 23S and 24S, ESI†). Benesi–Hilderband plots17 from the UV and fluorescence for 1 and 2 with these metal ions also showed linearity and indicated a 1
:
1 binding stoichiometry (Fig. 25S–27S, ESI†). Further confirmation was achieved from mass analysis (Fig. 28S, ESI†). The detection limits18 for Fe3+ and Cu2+ ions were found to be moderate (Fig. 29S and 30S, ESI†). In this regard, Table 2S (ESI†) summarizes the findings.
Compound 3 demonstrates ESIPT (excited state intramolecular proton transfer).5 The enol form of salicylideneaniline 3 involves intramolecular proton transfer from the oxygen to the nitrogen atom to give the keto form.19 In CH3CN, compound 3 exhibited two emission bands at 343 nm and 432 nm corresponding to the monomeric enol form and stacked naphthalene excimer emissions, respectively. However, in CH3CN
:
H2O (1
:
1, v/v) it exhibited emissions at 346 nm and 434 nm with reduced intensities for monomer and excimer emissions, respectively. Over time the monomer emission at 362 nm progressively increased, showing a noticeable color change from almost colorless (faint green color) to light green (Fig. 31S, ESI†). This is happened due to the slow disintegration of the aggregation of 3 and the emission reached a plateau region on standing at room temperature for 11 h (Fig. 32S, ESI†).
A fluorescence titration of 3 with the said metal ions was, therefore, performed 11 h after the preparation of the solution. Upon titration, Fe3+ ions resulted in a ratiometric change by showing a decrease in emission at 362 nm, with the simultaneous generation of a new peak at 408 nm. On the gradual addition of Fe3+ ions (up to 10 equiv.) the new emission at 408 nm for chelation enhanced fluorescence (CHEF) was progressively increased with a clear isoemissive point at 368 nm (Fig. 5a). Strong chelation causes intramolecular bond rotation and stops the nonradiative decay. Like Fe3+, Al3+ and Cu2+ ions also induced similar spectral changes but to lesser extents, as realized from the bar plot in Fig. 5b. In the event, Fe2+ ions did not change the emission (Fig. 33S, ESI†).
Fe3+ ions interacted with 3 in 1
:
2 [G
:
H] stoichiometric fashion, as is evident from the Job plot (Fig. 34S, ESI†). This was further supported by mass spectroscopy (Fig. 35S, ESI†). The non-linear fitting of the UV-vis and emission titration data (Fig. 36S and 37S, ESI†) gave values of the binding constant which were found to be higher than those of the Fe3+ complexes of 1 and 2 (Table 2S, ESI†). The detection limit for Fe3+ ions was determined to be 6.67 × 10−6 M and 9.76 × 10−7 M from UV-vis and fluorescence, respectively (Fig. 36S and 37S, ESI†).
To understand the interaction further, 1H NMR of 1, 2 and 3 with the said metal ions were recorded in CDCl3, but no measurable change in chemical shift was observed (Fig. 38S and 39S, ESI†). The signal for phenolic –OH in each case was retained even in the presence of the metal ions, thereby indicating the existence of strong intramolecular hydrogen bonding.
The Fenton reaction in the gel state was also performed successfully. A thorough experiment, in this context, is represented in Fig. 7. We performed several parallel experiments using Fe3+ and Fe2+-salts in 0.3 equiv. amounts (c = 0.03 M in H2O). In the study, compound 3 was taken in DMSO and the gelations were investigated in the presence of an aqueous solution of either Fe2+ ions or H2O2. In such cases, the gels were orange or brown colored. In contrast, the addition of an aqueous solution of Fe3+ ions to a DMSO solution of 3 yielded a deep brown colored gel. This was attained, in another way, when Fe2+ and H2O2 were added together to a DMSO solution of 3. This implied the in situ oxidation of Fe2+ into Fe3+ and its subsequent effect on the gel in bringing about a color. To the best of our knowledge, this is the first report of utilizing the Fenton reaction condition in the gel state for discriminating Fe3+ from Fe2+ ions.
![]() | ||
Fig. 7 Chemical responsiveness of the yellow colored DMSO : H2O (1 : 1, v/v) gel of 3 under different conditions. | ||
Since compound 3 successfully performed the Fenton reaction condition both in gel and solution states, we then explored it for the sensing of reactive oxygen species (ROS) which are expected to oxidize the Fe2+ into Fe3+ ions. Although numerous fluorimetric sensing probes for the recognition of reactive oxidants in solution have been reported in the literature, very few supramolecular gelators are known which have validated their visual sensing.20
In this study, compound 3 (11 mg mL−1) was taken in DMSO and then an aqueous solution of Fe2+ ions was added to it followed by the addition of different ROS like H2O2, TBHP, mCPBA, perborate and perchlorate (as an Na-salt), iodate and periodate (as a K-salt). The solutions were kept undisturbed for a while. Only H2O2 was found to be efficient in bringing about a dark brown coloration of the gel (Fig. 8). Thus, this simple experiment becomes pretty handy in the selective visual recognition of H2O2 from other ROS.
:
H2O solution of 3 and then drying them in air (Fig. 10). When the yellow colored 3-coated test kit was plunged deep into the Fe3+ solution a couple of times and dried in the air, it turned an intense brown color. Under identical conditions no color changes of the test kits were observed for Fe2+ or H2O2. Then we put the test kit into the Fe2+ solution first, and then into the H2O2. Here we also got similar deep brown colored kits. Again, the brown color kit turned to a pale yellow color in the presence of F− ions. These results indicated that compound 3 can be used as a suitable practical sensor for multi-analyte recognition.
Recovery of the yellow colored kit upon fluoride treatment enabled us to establish compound 3 as rewritable display material, as shown in Fig. 41S (ESI†). Interestingly, writing on the Fe3+ coated brown colored strip with a brush dipped into an aqueous solution of F− resulted in a yellowish written image. The written image was detectable by the naked eye, as there was a sharp color change. However, the written image could be wiped out by washing with a solution of Fe3+ ions and regenerated upon treatment with F− solution.
Furthermore, compound 3 could also be represented as a molecular system exhibiting combinational logic gate properties based on three inputs (Fe3+, Fe2+ and H2O2) and one output (emission of 3 at 408 nm; see Fig. 6) (Fig. 10). In order to represent the corresponding changes in emission to a logic gate mimicking circuit, the absence and presence of Fe3+, Fe2+ and H2O2 were considered as inputs 0 and 1, respectively. And similarly, the output was considered as 0 in the case of no change in fluorescence intensity and 1 in the case of fluorescence enhancement at 408 nm. Among all the combinations, the three input signals (000, 010 and 001) exhibited no change in the fluorescence intensity of 3 at 408 nm, and thereby displayed the output as “OFF” with the readout signal as 0, whereas any other combination showed fluorescence enhancement of 3 at 408 nm and thereby displayed the output as “ON” with the AND logic gate, and the output of the AND logic obtained with Fe3+ build-up the OR logic gate. Similar logic gate mimicking could also be constructed in the gel phase, based on the same inputs and the formation of a dark brown colored gel as the output signal (readout signal as 1). Thereby compound 3 could be demonstrated to be a molecular system which could respond to a three input one output combinational logic gate mimicking circuit in solution as well as in gel states.
System 3 was furthermore of practical use and in this regard, several features were established: (i) the feasibility of a Fenton reaction in both solution and gel states, (ii) the preparation of test kits for several analytes (Fe3+, H2O2 and F−) and (iii) the formation of a combinational logic gate system.
:
10 v/v) afforded an orange red colored pure product 1 (2.29 g, yield 86%, mp 126 °C). 1H NMR (CDCl3, 400 MHz): δ 16.29 (s, 1H), 8.59 (d, 1H, J = 8 Hz), 7.75 (m, 3H), 7.62 (d, 1H, J = 8 Hz), 7.58 (t, 1H, J = 8 Hz), 7.50 (t, 2H, J = 8 Hz), 7.42 (t, 1H, J = 8 Hz), 7.32 (t, 1H, J = 8 Hz), 6.89 (d, 1H, J = 8 Hz); 13C NMR (CDCl3, 100 MHz): 172.1, 144.6, 140.1, 133.5, 130.0, 129.6, 128.8, 128.6, 128.0, 127.4, 125.7, 124.8, 121.7, 118.5 (one carbon not found due to overlap); FTIR (KBr) ν cm−1: 3421, 1617, 1496, 1447, 1206, 1142; HRMS (TOF MS ES +): calcd 249.1022 (M + H)+, found 249.1033 (M + H)+.
:
1, v/v) at a concentration of 2.50 × 10−5 M. Stock solutions of metal ions were also prepared in the same solvent at a concentration of 1.0, put in the cuvette and different metal ions were individually added in different amounts. Upon addition, the change in emission of the compounds was recorded. The same stock solutions were used to perform the UV-vis titration experiments in the same way.
:
1 stoichiometry of the receptor–guest complex. The ratio of the intercept to the slope was used to determine the binding constant Ka. Instead of fluorescence intensities, the respective absorbance of the receptor was also used to obtain the binding constant values.
Footnote |
| † Electronic supplementary information (ESI) available: Gelation tests, gel pics, figures showing the changes in emission and absorption spectra, binding curves, detection limit, 1H, 13C NMR and HRMS are available. See DOI: 10.1039/c8qm00257f |
| This journal is © the Partner Organisations 2018 |