Jiao Dua,
Shanshan Yu*a,
Zeng Huanga,
Liming Chena,
Yimang Xua,
Guanyu Zhanga,
Qi Chena,
Xiaoqi Yu*a and
Lin Pu*ab
aKey Laboratory of Green Chemistry and Technology, Ministry of Education, College of Chemistry, Sichuan University, Chengdu, 610064, P. R. China. E-mail: yushanshan@scu.edu.cn; xqyu@scu.edu.cn
bDepartment of Chemistry, University of Virginia, Charlottesville, Virginia 22904-4319, USA. E-mail: lp6n@virginia.edu
First published on 2nd March 2016
TPE–monoTpy and TPE–diTpy compounds (TPE = tetraphenylethene, Tpy = 2,2′:6′,2′′-terpyridine) were prepared and showed significant red shifts in fluorescence upon coordination to Zn(NO3)2 in THF
:
HEPES (1
:
4) solutions. These in situ prepared Zn(II) complexes have achieved highly selective ratiometric fluorescent recognition of histidine even in the presence of other natural amino acids and metal cations. This fluorescent recognition of histidine is visually observable with distinctive color changes from yellow to blue under UV irradiation. The mechanism for the interaction of the Zn(II) complexes with histidine was studied by UV-Vis absorption, NMR and MS.
Terpyridine (Tpy) is a tridentate chelating ligand capable of binding a variety of metal cations5 and this binding ability has been utilized in sensing.6 We have studied the use of the Tpy metal complexes in the fluorescent recognition of histidine. In our previous work, we have found that the classical TpyCuCl2 complex 1 exhibited greatly enhanced fluorescence when treated with histidine or cysteine (Fig. 1).7a,b It was shown that coordination of Cu(II) with Tpy quenched its fluorescence which can be turned on upon interaction with histidine or cysteine. We further designed a crown ether–Tpy compound 2 and found that its in situ generated Zn(II) complex can distinguish histidine from cysteine as well as other amino acids by showing significant fluorescence enhancement with histidine only.7c In addition, this fluorescent sensor can also differentiate histidine from other imidazole derivatives. This high selectivity is attributed to the cooperative interaction of both the crown ether and the Tpy sites.
When the complexes 1 and 2 + Zn2+ were used to recognize histidine, the fluorescent enhancements were observed at λ ≤ 400 nm. It would be desirable that if the fluorescent response could be observed at longer wavelengths in the visible region under aqueous conditions. In order to shift the fluorescent response to the longer wavelength, we propose to incorporate the Tpy ligand with fluorophores of longer wavelength emission.
Since 2001, Tang and many research groups have conducted extensive studies on the aggregation-induced emission of organic materials.8 For example, the propeller-shaped molecules such as tetraphenylethene (TPE) exhibit greatly enhanced emission in the visible region when water is added to its THF solution.9 That is, addition of water promotes the aggregation of the TPE molecules, leading to the fluorescent enhancement. In order to utilize the unique fluorescent properties of the TPE molecules under aqueous conditions for the Tpy-based fluorescent recognition, we have synthesized the TPE–Tpy conjugates 3 and 4 and explored their fluorescent response toward metal cations and amino acids (Fig. 2). We have demonstrated that the Zn2+ complexes of these compounds are highly selective ratiometric fluorescent sensors toward histidine. The fluorescent responses are visually observable with distinctive color changes. Herein these results are reported.
Scheme 2 gives the synthesis of the TPE–diTpy compound 4. The McMurry coupling of the diarylketone 5 in the presence of TiCl4 and Zn gave the dibrominated TPE compound 10.13 This compound was found to be a 1
:
1 mixture of the cis and trans isomers.14 Treatment of 10 with n-BuLi followed by addition of B(OCH3)3 produced the TPE–diboronic ester 11,13 which was then coupled with the 4-bromoTpy 9 in the presence of a palladium catalyst to give the desired compound 4 as a 1
:
1 mixture of the cis and trans isomers.
:
4. Then the fluorescence showed some decrease when the water fraction was more than 80%. The fluorescent responses of 4 in the THF/water mixed solvents suggest that compound 4 is AIE active.
![]() | ||
| Fig. 3 (a) Fluorescent spectra of 4 (1.0 × 10−5 M) in THF/H2O mixed solvents. (b) The fluorescent intensity of 4 at 495 nm versus the THF fraction (λexc = 355 nm, slits: 2 nm/2 nm). | ||
Compound 4 (1.0 × 10−5 M in THF
:
H2O = 1
:
4) showed strong green emission at λ = 495 nm. We studied its interaction with various metal ions, including Zn2+, Cd2+, Cr3+, Al3+, Fe3+, Ag+, Mg2+, Li+, Ni2+, Co2+, Cu2+, Cu2+, K+, Mn2+ and Ca2+ and different fluorescent responses were observed (Fig. 4). Addition of 5 equiv. of Cu2+, Ni2+ or Co2+ completely quenched its fluorescence. Treatment of 4 with 5 equiv. of Fe2+, Mn2+, Fe3+, Zn2+ and Ag+ significantly quenched its fluorescence with I/I0 < 0.1 for Fe2+, Mn2+, Fe3+ and Zn2+, and I/I0 = 0.25 for Ag+. Other metal ions such as Cr3+, Cd2+, Ca2+, Na+, Hg+ and Pb2+ caused much smaller fluorescence changes to 4. Notably, addition of 5 equiv. of Zn2+ to 4 caused red shift of the maximum emission from 495 nm to 560 nm with significantly decreased fluorescence intensity. The plot of the fluorescence intensity ratio I560/I495 of various metals clearly demonstrates the high selectivity for Zn2+ (Fig. 4c). This ratio for Zn2+ is 4.0 while those for all the other metals are lower than 0.8. Thus, the TPE–diTpy compound 4 shows highly ratiometric selective fluorescent response toward Zn2+. In addition, Fig. 8c also demonstrates that with the use of 4, Zn2+ can be successfully differentiated from Cd2+, a common interference for the recognition of Zn2+. Treatment of 4 with Zn2+ led to a visually observable color change from green to yellow under a UV lamp.
Fluorescent titration of 4 (1.0 × 10−5 M in THF
:
HEPES = 1
:
4) with Zn(NO3)2·6H2O was studied.15 As shown in Fig. 5a, the fluorescent intensity of 4 gradually decreased with addition of Zn2+. When more than 1.5 equiv. of Zn2+ was added, the emission maximum was observed to undergo red shift. When more than 2 equiv. of Zn2+ was added, no significant fluorescent change was observed and the emission maximum was at 560 nm. Fig. 5b plots the fluorescent intensity ratio I560/I495 versus the stoichiometry of the Zn2+ added. When more than 2 equiv. of Zn2+ was added, the I560/I495 ratio stabilized at around 3.7.
In order to determine the stoichiometry for the complexation of 4 with Zn2+, we studied the fluorescent response while maintaining a constant total molar concentration of 4 + Zn2+ and varying their mole fractions. The maximum emission wavelength was employed to make the Job plot (Fig. 6). When the Zn2+ fraction increased from 0.1 to 0.5, the fluorescence emission maximum underwent red shift to 538 nm. Further increase of the Zn2+ concentration caused no more shift in the peak position. The corresponding binding ratio is thus given as 1
:
1 for 4 to Zn2+.
![]() | ||
Fig. 6 (a) Fluorescence spectra of Job plot (total concentration: 1.0 × 10−5 M). (b) Job plot of 4 with Zn2+ (λexc = 355 nm, slits: 5 nm/5 nm, THF : HEPES = 1 : 1). | ||
We then studied the fluorescent response of the in situ prepared complex 4 + Zn2+ (2.5 equiv.) toward amino acids and biological amino thiols. In the mixed solvents of THF and water (1
:
4), 4 has poor solubility and emits very strong fluorescence, but its Zn2+ complex can be completely dissolved and emits weaker and red-shifted fluorescence. We thus used THF
:
HEPES (1
:
4) as the solvent for the amino acid study while maintaining the pH at 7.4. The fluorescent responses of the 4 + Zn2+ (2.5 equiv.) complex in the presence of 16 equiv. of various amino acids and biological amino thiols including Hcy and GSH were examined (Fig. 7a). Of all the tested amino acids and amino thiols, none of them caused significant fluorescent change except histidine which greatly enhanced the fluorescence and shifted the emission from λ = 560 nm back to λ = 495 nm. The fluorescent intensity ratio I495/I560 of the 4 + Zn2+ complex in the presence of 16 equiv. of histidine is 2.6 and that for all the other amino acids and amino thiols is around 0.3 (Fig. 7b). As shown in Fig. 8, the highly selective fluorescent response of the 4 + Zn2+ complex toward histidine can also be detected visually under UV irradiation (365 nm). That is, only the addition of histidine turned the solution to emit blue-greenish light while the addition of all other amino acids caused no change in the original yellow emission.
![]() | ||
Fig. 8 Photos of 4 + Zn2+ (2.5 equiv.) (1.0 × 10−5 M in THF : HEPES = 1 : 4) in the presence of various amino acids (20 equiv.) under UV irradiation (365 nm). | ||
We then conducted a fluorescent titration of the 4 + Zn2+ (2.5 equiv.) complex (1.0 × 10−5 M in THF
:
HEPES = 1
:
4) with histidine at 2 equiv. increments. As shown in Fig. 9a, the emission of this Zn2+ complex at 560 nm was first slightly quenched with 2 equiv. histidine. With an additional 2 equiv. histidine, the maximum emission underwent significant blue shift. Large fluorescent enhancement was observed with further increased amount of histidine while the emission maximum was shifted to 495 nm. With the addition of more than 16 equiv. of histidine, no more change in fluorescence was observed. Formation of white precipitate was observed with the clear solution gradually turning into a white slurry. Under UV irradiation, it was clearly observed that the yellow solution gradually turned blue greenish. We plotted the fluorescent intensity ratio I495/I560 versus the equiv. of histidine in Fig. 9b. This ratio shows a sharp increase from 0.3 to 2.2 in the range of 2–8 equiv. of histidine, which demonstrates a ratiometric fluorescent response of the 4 + Zn2+ complex toward histidine.
We tested the fluorescence recovery of the 4 + Zn2+ complex in the presence of the mixtures of histidine with other species in biological systems including the common metal ions Mg2+, Fe3+, K+, Ca2+ and Na+, the natural amino acids and amino thiols. The results are summarized in Fig. 10 and Table 1. All the tested metal ions (20 equiv.) except Fe3+ had little effect on the fluorescent recognition of histidine by the Zn2+ complex. Addition of 20 equiv. of Fe3+ partially quenched the fluorescence and the emission wavelength remained. The interference caused by Fe3+ might be attributed to its strong coordination to Tpy. All the other natural amino acids and amino thiols, including the commonly interfering amino acids such as serine and arginine, had little effect on the fluorescent recognition of histidine by the 4 + Zn2+ complex.
:
HEPES = 1
:
4) in the presence of the mixtures of 16 equiv. of histidine with metal ions or other natural amino acids. (λexc = 355 nm, slits: 2 nm/2 nm)
| Added species | Conc. (μM) | Recovery (%) | Added species | Conc. (μM) | Recovery (%) |
|---|---|---|---|---|---|
| Asp | 160 | 110 | Val | 160 | 110 |
| Lys | 160 | 115 | Arg | 160 | 107 |
| Gly | 160 | 101 | Cys | 160 | 109 |
| Ile | 160 | 111 | Met | 160 | 103 |
| Asn | 160 | 108 | Ala | 160 | 102 |
| Gln | 160 | 109 | Hcy | 160 | 109 |
| Tyr | 160 | 109 | GSH | 160 | 116 |
| Phe | 160 | 102 | MgCl2 | 200 | 105 |
| Thr | 160 | 104 | FeCl3 | 200 | 69 |
| Pro | 160 | 102 | KCl | 200 | 105 |
| Leu | 160 | 106 | CaCl2 | 200 | 102 |
| Glu | 160 | 100 | NaCl | 200 | 102 |
| Ser | 160 | 106 |
:
HEPES = 1
:
4) showed a sharp peak at 218 nm, broad peaks at 255 nm and 295 nm, and a shoulder at 366 nm. Upon addition of 2.5 equiv. of Zn2+ the broad peaks at 255 nm and 295 nm disappeared and a new peak at 283 nm showed up (Fig. 11). When the 4 + Zn2+ (2.5 equiv.) complex (1.0 × 10−5 M in THF
:
HEPES = 1
:
4) was titrated with histidine, this new peak at 283 nm gradually decreased and the characteristic absorption of 4 at 255 nm appeared (Fig. 12). This suggests the displacement of the coordinated Zn2+ from the 4 + Zn2+ complex by the amino acid.
![]() | ||
Fig. 11 UV-Vis spectra of 4 (1.0 × 10−5 M in THF : HEPES = 1 : 4) in the absence and presence of 2.5 equiv. of Zn2+. | ||
:
D2O (4
:
1) solution. Broadened peaks and changes in the chemical shifts were observed, indicating coordination of Zn2+ as well as possible formation of multiple complexes. When histidine was added to this system, characteristic singlet peak at δ 9.39 and two doublet peaks at δ 7.91 and 7.85 of 4 gradually reappeared, indicating the release of 4 from its Zn2+ complex.
![]() | ||
Fig. 13 1H NMR spectra of 4 with the addition of Zn(NO3)2 (2.5 equiv.) and histidine in THF-d8 : D2O (4 : 1). | ||
In the mass spectrum obtained for the 4 + Zn2+ (1.5 equiv.) complex in CH3CN
:
H2O (4
:
1), a base peak at m/z = 827.28 is assigned to the 2
:
1 complex (12 + 2H)2+(Fig. 14). A peak at 1716.58 can be assigned to that of (12 + Zn)+, a 2
:
2 complex. A peak at m/z = 1891.65 can be assigned to the 2
:
3 complex (13 − 2H)+. A peak at 1335.45 can be assigned to a 3
:
4 complex of (34 + 4Zn + 2OH)2+ (calc.: 2670.65/2). A peak at 920.24 is assigned to the 1
:
1 complex 14. A peak at m/z = 1095.35 is proposed for that of the 1
:
2 complex (15 − H)+. With the addition of histidine, the relative intensity of the peak at m/z = 795.32 (4 + H+) gradually increased. A new peak at m/z = 1012.32 assigned to the ternary complex 16 (4 + Zn2+ + His) was also observed with increasing intensity (Fig. 14).
The observations of the mass, 1H NMR and UV spectroscopic analyses substantiate the hypothesis that addition of histidine to the 4 + Zn2+ complex initially coordinate to the Zn2+ center to form the ternary complex 16 which upon further reaction with histidine displaces the Zn2+ ion off the TPE–diTpy ligand 4. The observed formation of white slurry can be attributed to the formation of 4 which has poor solubility in the reaction media without Zn2+ coordination and exhibits the aggregation induced emission.
:
HEPES = 1
:
4) shows strong blue-green emission at λ = 485 nm, 10 nm shorter than that of 4 due to the less conjugation. We also studied its interaction with various metal ions (Fig. 15). Similar to 4, addition of 3 equiv. of Cu2+, Ni2+, Co2+ completely quenched its fluorescence. Partial fluorescent quenching was observed for the addition of 3 equiv. of Cd2+ (I485/I0 = 0.32), Cr3+ (I485/I0 = 0.51), Al3+ (I485/I0 = 0.89), Fe3+ (I485/I0 = 0.32), Ag+ (I485/I0 = 0.79), Mn2+ (I485/I0 = 0.68) and Ca2+ (I485/I0 = 0.79). Addition of Mg2+ caused no change to the fluorescence of 3 and Li+ slightly increased its fluorescence. It is notable that addition of 3 equiv. of Zn2+ caused red shift of the emission maximum from 485 nm to 530 nm with significantly decreased fluorescence intensity. Fig. 15c plots the fluorescence intensity ratio I530/I485 of 3 upon addition of various metal ions. This ratio for Zn2+ is as high as 1.7 while that for all the other metals is in the range of 0.5 to 0.7. As shown in Fig. 16, under UV irradiation (365 nm), addition of 3 equiv. Zn2+ to 3 changed the solution from the blue-green emission to a weak yellow emission that was visually observable.
![]() | ||
Fig. 16 Fluorescence of compound 3 (1.0 × 10−5 M in THF : HEPES = 1 : 4) in the absence or presence of 3 equiv. of Zn2+ under UV irradiation (365 nm). | ||
We then titrated 3 (1.0 × 10−5 M in THF
:
HEPES = 1
:
4) with Zn2+ in 0.25 equiv. increment and monitored its fluorescence after each addition.15 As shown in Fig. 17a, the fluorescence of 3 decreased with addition of Zn2+. When 1.5 equiv. of Zn2+ was added, the fluorescence stabilized with the emission maximum shifted to 530 nm. Fig. 17b plots the fluorescence intensity ratio I530/I485 of compound 3 versus the concentration of Zn2+. This ratio first increased and then reached a plateau after 1.5 equiv. of Zn2+.
We then studied the fluorescent response of the 3 + Zn2+ (1.5 equiv.) complex (1.0 × 10−5 M in THF
:
HEPES = 1
:
4, prepared in situ) with 20 equiv. of various natural amino acids. As shown in Fig. 18a, this Zn(II) complex exhibited very high selectivity for the fluorescent recognition of histidine. Histidine greatly enhanced the fluorescence of the complex and shifted the emission maximum from 530 nm back to 485 nm while all the other amino acids caused little effect on the fluorescence of the 3 + Zn2+ complex. Fig. 18b shows the color change of the 3 + Zn2+ complex under UV irradiation upon treatment with histidine. Thus, the 3 + Zn2+ complex can also be used for the fluorescent recognition of histidine, similar to that observed for the 4 + Zn2+ complex.
Previously, we reported that the Tpy + CuCl2 complex 1 exhibits large fluorescent enhancement in the presence of histidine and cysteine but not with other amino acids and is useful for the fluorescent recognition of the two amino acids.7a,b Therefore, we also prepared the 3 + CuCl2 complex and studied its fluorescent response toward amino acids. We found that unlike 1 which is highly selective toward histidine and cysteine, the 3 + CuCl2 complex shows poor selectivity in its fluorescent response since many amino acids can turn on its fluorescence without shift in the emission wavelength (Fig. 19). Thus the Cu(II) complex of 3 cannot be used for the fluorescent recognition of histidine. The TPE unit of 3 has greatly altered the fluorescent response of the Tpy–Cu(II) complex in the presence of the amino acids.
![]() | ||
Fig. 19 Fluorescence enhancement ratio I/I0 at 475 nm of 3 + CuCl2 complex (1.0 × 10−5 M in H2O : THF = 99 : 1) in the presence of 10 equiv. of various amino acids (λexc = 354 nm, slits: 2 nm/2 nm). | ||
:
HEPES (1
:
4) solution. This change is visually observable from blue greenish color to yellow upon UV irradiation. The in situ prepared Zn(II) complexes 3 + Zn2+ and 4 + Zn2+ in THF
:
HEPES (1
:
4) have achieved highly selective ratiometric fluorescent recognition of histidine even in the presence of other natural amino acids, amino thiols and metal cations. Comparison of Fig. 7a with Fig. 18a indicates that the diTpy compound 4 in combination with Zn2+ should be a more sensitive fluorescent sensor because of higher fluorescent intensity upon histidine binding than the monoTpy complex 3 + Zn2+. The ratiometric fluorescent response and the high selectivity of these complexes make them useful for the fluorescent detection of histidine. On the basis of the UV, 1H NMR and mass spectroscopic analyses, it is proposed that the observed highly selective fluorescent response of the 4 + Zn2+ complex toward histidine should be due to the coordination of histidine to the Zn2+ center of the complex followed by displacement of 4 off to restore its aggregation induced emission.
1H and 13C NMR spectra were measured on a Bruker AM400 NMR spectrometer. 1H chemical shifts of NMR spectra were given in ppm relative to internals reference TMS (1H, 0.00 ppm). ESI-MS and HRMS spectral data were recorded on a Finnigan LCQDECA and a BrukerDaltonics Bio TOF mass spectrometer, respectively. UV-Vis absorption spectra were recorded on a Hitachi U1900 spectrometer. Fluorescence emission spectra were obtained using FluoroMax-4 Spectrofluorophotometer (HORIBA JobinYvon) at 298 K. pH was taken on an ARK PHS-2C pH meter.
:
HEPES = 1
:
4)
:
HEPES = 1
:
1)| Sample no. | 4 (μL) | Zn(NO3)2·6H2O (μL) |
|---|---|---|
| 1 | 40 | 0 |
| 2 | 36 | 10 |
| 3 | 32 | 20 |
| 4 | 28 | 30 |
| 5 | 24 | 40 |
| 6 | 20 | 50 |
| 7 | 16 | 60 |
| 8 | 12 | 70 |
| 9 | 8 | 80 |
| 10 | 4 | 90 |
Footnote |
| † Electronic supplementary information (ESI) available. See DOI: 10.1039/c6ra03724k |
| This journal is © The Royal Society of Chemistry 2016 |