Sulfonyl-semicarbazide group as a recognition site: A novel ratiometric fluorescent probe for hypochlorous acid and imaging in living cells

Sulfonyl-semicarbazide group as a recognition site: A novel ratiometric fluorescent probe for hypochlorous acid and imaging in living cells

Journal Pre-proof Sulfonyl-semicarbazide group as a recognition site: A novel ratiometric fluorescent probe for hypochlorous acid and imaging in livin...

1MB Sizes 0 Downloads 45 Views

Journal Pre-proof Sulfonyl-semicarbazide group as a recognition site: A novel ratiometric fluorescent probe for hypochlorous acid and imaging in living cells Wei Ye, Qingna Bian, Yuelin Huang, Qingshuang Lin, Xinqi Zhan, Hong Zheng PII:

S0143-7208(19)31877-7

DOI:

https://doi.org/10.1016/j.dyepig.2019.107987

Reference:

DYPI 107987

To appear in:

Dyes and Pigments

Received Date: 8 August 2019 Revised Date:

19 October 2019

Accepted Date: 21 October 2019

Please cite this article as: Ye W, Bian Q, Huang Y, Lin Q, Zhan X, Zheng H, Sulfonyl-semicarbazide group as a recognition site: A novel ratiometric fluorescent probe for hypochlorous acid and imaging in living cells, Dyes and Pigments (2019), doi: https://doi.org/10.1016/j.dyepig.2019.107987. This is a PDF file of an article that has undergone enhancements after acceptance, such as the addition of a cover page and metadata, and formatting for readability, but it is not yet the definitive version of record. This version will undergo additional copyediting, typesetting and review before it is published in its final form, but we are providing this version to give early visibility of the article. Please note that, during the production process, errors may be discovered which could affect the content, and all legal disclaimers that apply to the journal pertain. © 2019 Published by Elsevier Ltd.

1

Sulfonyl-Semicarbazide group as a recognition site: a novel ratiometric

2

fluorescent probe for hypochlorous acid and imaging in living Cells

3

Wei Ye a, Qingna Bian a, Yuelin Huang a, Qingshuang Linb, Xinqi Zhan b*, Hong

4

Zheng a *

5

a

6

MOE Key Laboratory of Spectrochemical Analysis & Instrumentation, Xiamen

7

University, Xiamen 361005, China

8

b

9

361102, China

Department of Chemistry, College of Chemistry and Chemical Engineering, and the

Basic Medicine Department, School of Medicine, Xiamen University, Xiamen,

10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

∗ Corresponding author. Tel: +86 592 2186401; Fax: +86 592 2186731;

33

E-mail address: [email protected] (X.Q.Zhan); [email protected] (H. Zheng).

1

34 35

Abstract:

36

In this work a sulfonyl-semicarbazide moiety was developed initially to be a

37

selective recognition site for the design of HClO fluorescent probe. The

38

1,8-naphthalimide fluorophore platform was chosen to construct the probe by making

39

use of its intramolecular charge transfer (ICT) nature. By modifying the

40

electron-donating 4-amino group on the 1,8-naphthalimide molecular with the more

41

electron-deficient sulfonyl-semicarbazide group, probe 1 was synthesized and showed

42

ratiometric fluorescent responses towards HClO exclusively. This was ascribed to the

43

specific cleavage of HClO towards the substituent resulting in the release of

44

4-amino-1,8-naphthalimide. Also, the probe showed excellent performance in high

45

sensitivity and good selectivity towards HClO over other reactive oxygen species and

46

a wide variety of coexist species in biological pH condition. The probe was

47

successfully applied to detect hypochlorous acid in real water samples and image

48

HClO in living U-373MG cells.

49

Keywords: 4-Amino-1,8-naphthalimide fluorophore; Sulfonyl-semicarbazide;

50

Hypochlorous acid; Fluorescent ratiometry

51 52

1. Introduction

53

Hypochlorous acid (HClO), an important reactive oxygen species (ROS) produced

54

by the myeloperoxidase (MPO)-H2O2-Cl- system of phagocytes, plays a vital role in

55

the ability of these cells to kill a wide range of pathogens. However, the generation of

56

the potent oxidant also places the host at considerable risk since HClO has the

57

potential to damage host tissue through the same processes used in the destruction of

58

invading microorganisms. It was reported that abnormal amount of HClO may cause

59

various diseases such as atherosclerosis, rheumatoid arthritis and even cancers [1-3]. 2

60

A surge of research into HClO biology in order to elucidate the exact functions in

61

pathologic processes has accelerated the development of fluorescent probes for HClO

62

detection that are specific and sensitive under physiological conditions in recent years,

63

and several reviews have been reported in the field [4-7].

64

As a key element for fluorescent probes, recognition moieties that could selective

65

and sensitive response to HClO are indispensable for fluorescent probe designing.

66

Nowadays, a variety of recognition moiety sites for HClO sensing were proposed

67

which engineered in various fluorescent architectures via different sensing

68

mechanisms. There are some catalogs of recognition groups for HClO such as: (1)

69

Chalcogenide (S, Se, Te), of which sulphur [8,9], selenium [10-12] and tellurium [12]

70

atoms could be oxidized or chloridized easily with HClO. (2) Recognition group of

71

2-ethylamine

72

monothio-bishydrazide

73

N,N-dimethylthiocarbamate[25,26] (3) C ﹦ C unsaturated bond [27-29]. (4)

74

p-Methoxyphenol [30,31] or p-alkoxyaniline groups [32,33]. (5) Borane groups

75

[34,35] and others [36,37]. Although great advances have been gained in this area,

76

there are still rooms for searching new recognition groups for HClO sensing. In this

77

work, we propose a new moiety, namely sulfonyl-semicarbazide, for HClO sensing.

78

We chose 1,8-naphthalimide fluorophore as a platform to construct the probe not only

79

because of its excellent properties such as good photo stability, high fluorescence

80

quantum yields and large Stokes’ shift, but also because of its intramolecular charge

81

transfer (ICT) nature which is more easy to acquire a desirable ratiometric fluorescent

thiourea

derivatives [18,19],

[13,14],

thiohydrazide

3

dihydrazide [21-23],

oxime

[15-17], [24],

82

response. As we all know, compared with the intensity-based fluorescent probes

83

which may be affected by the variations in environment, concentration and excitation

84

intensity, ratiometric fluorescent probes can effectively alleviate these problems since

85

they recorded ratio signals of two emission intensities at different wavelength

86

affording a built-in correction. Up to date a variety of ratiometric fluorescent probes

87

for HClO sensing have been reported [25, 29, 38] and reviewed [39]. Previously our

88

group also developed a probe with the excitation wavelength and the dual-emission

89

wavelengths located at NIR region [14].

90

We herein present rationally designed probe 1 by modifying the electron-donating

91

4-amino group on the 1,8-naphthalimide molecular with the more electron-deficient

92

sulfonyl-semicarbazide group

93

from colorless with absorption band at λmax = 370 nm to yellow with that at λmax =

94

435 nm in the presence of HClO, accompanied by a change of fluorescent emission

95

peak at 488 nm to 542 nm. The ratiometric fluorescent behavior could be rationalized

96

by the HClO-induced transformation of sulfonyl-semicarbazide moiety to 4-amino

97

group which affected the characteristics of intramolecular charge transfer (ICT) of the

98

1,8-naphthalimide fluorophore.

(Scheme 1). 1 displayed remarkable color change

99

100 4

101

Scheme 1. Modified as sulfonyl-semicarbazide and its reaction with HClO.

102 103

2. Experimental

104

2.1. Instrumentation

105

NMR spectra were recorded on Bruker AV400 NMR. Mass spectra were measured

106

with a JEOL JMS-T100LC mass spectrometer (ESI+). HR-MS spectra were measured

107

with a Bruker En Apex ultra 7.0T FT-MS mass spectrometer. Fluorescence spectra

108

were performed on a Hitachi F7000 fluorescence spectrometer (Tokyo, Japan).

109

Absorption spectra were recorded on a HITACHI U3900 spectrophotometer.

110

Fluorescence images were captured using a Olympus Fluoriew 1000 laser-scanning

111

confocal microscope.

112 113 114

2.2. Materials Doubly

distilled

water

was

used

throughout

the

experiments.

3,

115

3-Dimethylglutaricacid was purchased from Alfa Aesar. H2O2 (aq. 30%) and NaOCl

116

(aq. 6%) were purchased from Shanghai Reagent Co. of China. A stock solution of

117

NaClO was standardized at 292 nm using an extinction coefficient 350 M−1 cm−1 at

118

pH 12 [40]. Nitric oxide (NO) was prepared from l-hydroxy-2-oxo-3- (3-aminopropyl)

119

-3- methyl-l-triazene, which was synthesized according to the literature [41]. ROO•

120

was generated from 2,2-Azobis(2-amidinopropane)dihydrochloride (100 µM) which

121

was firstly prepared in deionizer water and then added appropriate amount into the

122

probe testing solutions at 37 °C for 1 h [41]. Superoxide was generated from KO2 in 5

123

aqueous solution [42]. Hydroxyl radical was generated by Fenton reaction in which

124

ferrous chloride (100 µM) was added in the presence of 10 eq. of H2O2 [42]. Singlet

125

oxygen was generated from 3-(1,4-Dihydro-1,4-epidioxy-1-naphthyl)propionic acid

126

(100 µM) which was firstly prepared in deionizer water and then added appropriate

127

amount into the probe testing solutions at 37 °C for 1 h [42]. Peroxynitrite solution

128

was synthesized according to the report [43] and the concentration was determined

129

with an extinction coefficient of 1670 ± 50 cm−1 (mol/L)−1 at 302 nm. Glutathione

130

(GSH), cysteine (Cys) and trypan blue were purchased from J & K Science Ltd.

131

Lipopolysaccharides (LPS) and phorbol myristate acetate (PMA) were purchased

132

from Sigma-Aldrich. Solutions for testing foreign anions and cations were prepared

133

by dissolving their corresponding sodium salts and nitrates in water, respectively.

134

Reactions were monitored by TLC with visual observation of the dye spots. Products

135

were purified by column chromatography.

136 137 138

2.3. Synthesis of probe 1 The solution of para-toluensulfonyl chloride (42 mg, 1.2 eq) in acetonitrile was

139

added dropwise to the acetonitrile solution containing compound 2[44] (60 mg, 1.0 eq)

140

and pyridine (297 mg, 20.0 eq). The mixture was refluxed under N2 atmosphere

141

overnight. When the reaction was completed, the acetonitrile was removed under

142

reduced pressure. The residue was extracted with ethyl acetate, and the organic layer

143

was collected, washed with water and then dried over sodium sulfate. The organic

144

solution was filtered and evaporated under reduced pressure, and the residue was

6

145

purified by silica gel chromatography using ethyl acetate: petroleum ether (1/4 = v / v)

146

as an eluent to get a yellow powder in 52.4% yield.

147

1

148

8.57 (m, 1H), 8.50 (m, 1H), 8.40 (d, J = 6.8Hz, 1H), 8.18 (d, J = 6.4Hz, 1H), 7.83 (m,

149

1H), 7.78 (d, J = 6.8Hz, 2H), 7.41(d, J = 6.4Hz, 2H), 4.02 (t, J = 6.0Hz, 2H), 2.38 (s,

150

3H), 1.60 (m, 2H), 1.34(m, 2H), 0.92 (t, J = 5.6Hz, 3H).

151

13

152

141.657, 136.048, 134.207, 132.369, 131.185, 130.236, 130.073, 128.810, 128.225,

153

127.530, 126.703, 122.711, 116.341, 39.610, 30.155, 21.504, 20.264, 14.182.

154

FT-MS: calcd. for C24H24N4O5S, 479.13891 (M-), found, 479.13802.

H NMR (d6-DMSO, 400MHz) δ (ppm): δ 9.84 (s, 1H), 9.49 (s, 1H), 9.09 (s, 1H),

C NMR (d6-DMSO, 100MHz) δ (ppm):163.947, 163.382, 154.660, 143.979,

155 156

2.4 Preparation process of compound 3 by reaction of 1 with NaClO

157

A pH 6.0 aqueous solution of NaClO (1.2 eq) was added dropwise to the acetone

158

solution containing probe 1 (30 mg, 1.0 eq) at room temperature. The mixture was

159

stirred overnight. The solution was removed under reduced pressure, and the residue

160

was purified by silica gel chromatography to get 3 in ca.61.3% yield.

161

1

162

1H), 8.18 (d, J = 8.4 Hz, 1H), 7.65 (m, 1H),7.44 (s, 2H), 6.84 (d, J = 8.4 Hz, 1H), 4.00

163

(t, J = 7.2 Hz, 2H), 1.65–1.51(m, 2H), 1.40–1.27 (m, 2H), 0.91 (t, J = 7.2 Hz, 3H).

164

13

165

130.14, 129.73, 124.44, 122.27, 119.83, 108.62, 108.04, 39.36, 30.31, 20.31, 14.22.

166

FT-MS: calcd. for C16H15N2O2,(3-H) +, 267.11335, found, 267.11335

H NMR (d6-DMSO,400 MHz): δ (ppm) 8.60 (d, J = 8.4 Hz, 1H), 8.41 (d, J = 7.3 Hz,

C NMR (d6-DMSO, 100 MHz): δ (ppm) 164.23, 163.37, 153.14, 134.39, 131.44,

167 168 169 170

2.5 General procedure for the measurement of absorption and fluorescence spectra Probe 1 was dissolved in 1,4-dioxane to make a 1.0×10-3M stock solution. NaClO was dissolved in water to make a 1.0×10-3 M stock solution for total HClO.

7

171

To 5-mL glass tubes containing 0.40 mL of 100 mM 3, 3-dimethylglutaric

172

acid-NaOH buffer solution (pH 7.0), 1.0 mL acetone and various amount of stock

173

solution of total hypochlorous acid were added, respectively. Then the solution was

174

diluted with redistilled water to the scale and mixed thoroughly, and 50.0 µL of the

175

stock solution of probe 1 was added to the solution finally and mixed well. The

176

absorption and fluorescence sensing of HClO were run after 2 minutes.

177 178

2.6 Cytotoxicity assay

179

For each dishes, 180 µL of the cells was added onto a 96-well plate, followed by

180

addition of 20 µL of increasing concentrations of the probe 1 (95% PBS and 5%

181

acetone) and the final concentrations of the probe were kept from 0.1µM to 100µM

182

(n=3). The incubation was at 370C in an atmosphere of 5% CO2 in a CO2 incubator

183

for 4h, followed by trypan blue assays. Untreated assays in PBS-acetone (V/V : 95 / 5)

184

(n=3) was also conducted at the same conditions.

185 186

2.7 Cell imaging

187

Cell cultures: U-373MG cells were cultured in DMEM (Dulbecco’s modified

188

Eagle’s medium) supplemented with 10% FBS (fetal bovine serum) in an atmosphere

189

of 5% CO2 and 95% air at 37 0C.

190

Imaging of exogenous HOCl in cells: Before imaging, the cells were seeded on

191

two groups of 20 mm glass-bottomed dishes and incubated with probe 1 (10 µM

192

containing 5% acetone as a cosolvent in PBS) for 30 min at 37℃. Rinsed with PBS

193

two times, the second group was incubated with NaOCl (50 µM) for 30 min at 37 0C.

194

Imaging of endogenous HOCl: Two groups of cells were seeded on 20mm

195

glass-bottomed dishes and incubated with probe 1 (10 µM containing 5% acetone as a

196

cosolvent in PBS) for 30 min at 37℃. Rinsed with PBS two times, the second group

197

was incubated with 2mg/mL PMA (phorbol 12-myristate 13-acetate) and 2mg/mL

198

LPS (lipopoly-saccharides) for 2 h at 37 0C. 8

199

3. Results and Discussion

200

3.1 Design and synthesis of probe 1

201

Modulation of the electron-donating 4-amino donor on a 1,8-naphthalimide affects

202

both ICT and emission color, so we changed this amino donor into a more

203

electron-withdrawing carbamate group, namely

204

result in ICT-induced blue shifts in emission maxima. We reasoned that when the

205

group was removed by HClO back to the initial amino donor it would provide a

206

switch for ratiometric detection of HClO. The synthetic procedures of probe 1 are

207

given in Scheme 2; probe 1 was synthesized from compound 2 [44] by one-step

208

procedure with a total yield of 52%, and the structure of probe 1 was confirmed by 1H

209

NMR, 13C NMR, and FT-MS spectroscopy (Figures S1, S2 and S3).

sulfonyl-semicarbazide, would

210 211

Scheme 2. Synthetic route for probe 1

212 213

3.2 Spectral characteristics

214

The absorption spectra of 1 as well as the solutions in presence of HOCl were

215

monitored firstly in buffer solutions of 3,3-dimethylglutaric acid-NaOH (pH 7.0,

216

10mM in Acetone/H2O = 20/80, v/v). As shown in Figure 1, the solution of 1 alone

217

(1.0×10-5 M) exhibited an absorption maximum at 370 nm. With the addition of HClO,

218

a new absorption band at 435 nm increased at the expense of the decrease of the band

219

at 370 nm with an isosbestic point at 412 nm which could be attributed to the

220

formation of a new species. Also, a large bathochromic shift of 65 nm in the

9

221

absorption behavior changes the color of the resultant solution from colorless to

222

yellow, which could be detected even by the naked.

223

The fluorescence characteristics of probe 1 were also studied. When excited at 412

224

nm the free probe 1 exhibited an emission peak at 488 nm. Upon consistent

225

introduction of HClO, the peak at 488 nm gradually decreased accompanied by a new

226

peak at 542 nm emerged increasingly with a clear iso-emission point at 513 nm. Thus

227

a ratiometric fluorescence response was observed.

228 229

Figure 1. Absorption spectra of 1 with HOCl at pH 7.0 of 0.01 M

230

3,3-dimethylglutaric acid-NaOH buffer solution (Acetone / H2O = 20/80, v/v). [1] =

231

10.0 µmol/L, [total HOCl] = 10.0 µmol/L.

232

10

233 234

Figure 2. Fluorescence titration of probe 1 (10 µM) at pH 7.0 of 0.01 M

235

3,3-dimethylglutaric acid-NaOH buffer solution (Acetone/H2O = 2/8, v/v) in the

236

presence of different amounts of total HOCl. Excitation was performed at 412 nm.

237 238

3.3 Effect of pH dependency of the ratiometric signaling behavior

239

As showed in Figure 3, the fluorescent ratio signals of probe 1 itself, F542/F488,

240

remain stable and relatively small over a pH range of 2.0-7.4. In the presence of

241

HOCl, negligible variation of the fluorescent ratios was observed when pH within

242

5.0-8.0. Thus buffer solutions of 3,3-dimethylglutaric acid/NaOH at pH 7.0 were

243

chosen as for determination in this work.

11

244 245

Figure 3. pH-dependent fluorescence intensity ratio changes of probe 1 only and the

246

probe 1 with total HClO. [1] = 10 µM, [total HOCl] = 10 µM. pH 7.0 of 0.01 M

247

3,3-dimethylglutaric acid/NaOH buffer solution (Acetone/H2O = 2/8, v/v). Excitation

248

was performed at 412 nm.

249 250

3.4 Time-dependent fluorescent intensity ratio changes of probe 1

251

Further, the fluorescence intensity ratios (F542/F488) were recorded as a function of

252

reaction time. It can be observed that the ratio signals exhibited no noticeable changes

253

in case of free probe 1, while reached their maximum within 2 min in presence of four

254

tested total HClO concentrations (Figure 4). Thus an incubation time of 2 min was

255

used in this work.

12

256 257

Figure 4. Kinetics of the ratiometric fluorescent responses of 1 toward various

258

concentrations of total HOCl at pH 7.0 of 0.01 M 3,3-dimethylglutaric acid-NaOH

259

buffer solution (Acetone/H2O = 20/80, v/v). [1] = 10µM; [total HOCl] = 0, 1.0, 4.0,

260

7.0, 10.0µM, respectively (from black bottom to purple top).

261

performed at 412 nm.

Excitation was

262 263

3.5 Selectivity of the reaction of 1 with HClO

264

As the absorption spectra of probe 1 changed significantly upon reaction with

265

HClO, we firstly used the absorbance ratio at two wavelengths (A435/370 nm) to study

266

the selectivity of HClO toward ROSs. Important ROSs, such as H2O2, O21, NO, O2•−,

267

ONOO−, •OH, ROO•, and total HClO, were tested toward a solution of 1.0 equiv. of

268

1 (10 µM) at the concentration of 10 µM respectively. HClO was found to greatly

269

enhance the absorbance ratio (A435/370) of probe 1 exclusively with no noticeable

270

response of other ROSs (Figure 5) .

13

271 272

Figure 5. Ratiometric absorbance responses of 1 (10 µM) with 1.0 equiv of ROSs at

273

pH 7.0 of 0.01M 3,3-dimethylglutaric acid-NaOH buffer solution (Acetone/H2O =

274

20/80, v/v). [1] = 10.0 µM. ROSs adding (from left to right at horizontal ordinate): (1)

275

none, (2) total HOCl, (3) H2O2, (4) O2·-, (5) ONOO- , (6) •OH, (7) NO, (8) 1O2 and (9)

276

ROO•. [ROS] = 10.0 µM, respectively.

277 278

Accordingly,

the

ratiometric

fluorescent

responses

of

1

toward

the

279

above-mentioned ROSs were also tested independently. As showed in Figure 6, the

280

solution of 1 alone exhibits nearly no change in the fluorescence ratio (F542 nm / F488 nm )

281

upon the addition of the ROSs except HClO. Remarkable increase of the ratio value

282

was obtained exclusively in presence of HClO, indicating that our probe showed

283

selective response towards HClO over other ROSs.

284

Moreover, a wide variety of other interference species, such as ionic species and

285

representative biothiols, including Ca2+, Co2+, Ni2+, Fe3+, Zn2+, Cu2+, F-, Cl-, I-, NO3-,

286

SO42-, CH3COO-, IO3-, PO43-, glutathione (GSH) and cysteine (Cys), were also tested

287

respectively to show negligible interference towards HClO sensing of probe 1 (Figure

288

S4). In addition, the coexistence effects of the ions and biothiols on ratiometric

289

fluorescence response of HClO were also evaluated and the results showed that 10.0

290

times excess of different coexist species caused almost no interference behavior onto

291

the detection (Figure S5). 14

292

293 294

Figure 6. Ratiometric fluorescent responses of 1 (10 µM) with 1.0 equiv of ROSs at

295

pH 7.0 of 0.01M 3,3-dimethylglutaric acid-NaOH buffer solution (Acetone/H2O =

296

20/80, v/v). [1] = 10.0 µM. ROSs adding (from left to right at horizontal ordinate): (1)

297

none, (2) total HOCl, (3) H2O2, (4) O2·-, (5) ONOO- , (6) •OH, (7) NO, (8) 1O2 and (9)

298

ROO•. [ROS] = 10.0 µM, respectively.

299 300

3.6 Analytical figures and Application of the method in real water samples

301

According to the optimized conditions, the calibration curves were constructed. The

302

linear range for total HClO showed to be (0.1–6.0)×10-6 mol/L with the correlation

303

coefficient R2 = 0.9966 (Figure 7). The detection limit, based on the definition by

304

IUPAC [45] (CDL =3Sb/m), was found to be 6.1×10-8 mol L-1 from eleven blank

305

solutions.

306

Freshly collected lake and tap water samples in our school were analyzed by the

307

proposed method. Tap water samples were used with no pre-treatment, the lake water

308

samples were filtered firstly to remove minute sediments. Different water samples

309

were collected at different times and tested under the optimized condition

310

subsequently. The water samples spiked with standard NaClO at different

311

concentration levels were also analyzed by proposed method. The results were

312

summarized in Table S1 with satisfactory recovery, indicating that the present 15

313

fluorescent probe can be applicable for the determination of total HClO in real water

314

samples.

315 316

Figure 7. The linear range of ratiometric fluorescent response of 1 vs. the

317

concentrations of total HClO at pH 7.0 of 0.01M 3,3-dimethylglutaric acid-NaOH

318

buffer solution (Acetone/H2O = 20/80, v/v).[1] = 10.0 µM.

319 320

3.7 Reaction Mechanism

321

It was reported that dibenzoylhydrazine can be selectively oxidized by HClO to a

322

reactive intermedia, dibenzoyl diimide, and further undergo hydrolysis in aqueous

323

solvents [17]. We hypothesized that reaction of probe 1 with HClO may conduct a

324

similar process. The possible mechanism was supposed as follow (Scheme 3):

16

325

Scheme 3 The proposed mechanism of probe 1 with HClO

326 327 328

To verify the reaction mechanism supposed, we first take the reaction solution of 1

329

with HOCl for FT-MS experiment. As expected, product 3 was confirmed by its

330

high-resolution mass spectra (HR-MS): calcd. for C16H15N2O2, 267.11335(3-H) +,

331

found,

332

4-amino-1,8-naphthalimide fluorophore was produced after the reaction of 1 with

333

HOCl. Furthermore, the 1H and

334

HOCl to be 4-amino-1,8-naphthalimide fluorophore 3 (Figure S7 and S8).

335

Significantly, the proton signals of δ 9.84 (s, 1H), 9.49 (s, 1H) and 9.09 (s, 1H) on

336

p-TsNHNHCONH group in probe 1 are disappeared in product 3; moreover, the

337

proton signals of 7.78 (d, J = 6.8Hz, 2H), 7.41(d, J = 6.4Hz, 2H) and 2.38 (s, 3H) on

338

CH3C6H4 group in probe 1 are also disappeared in product 3; finally, the proton

267.11335

(Figure

S6).

13

The

result

preliminarily

proved

that

C NMR data confirmed that the product of 1 with

17

339

signals of 7.44 (s, 2H) on 4-NH2-1,8-naphthalamide fluorophore (the compound 3),

340

are appeared. These results confirmed the reliability of the reaction mechanism we

341

envisaged in Scheme 3. Thus the ratiometric fluorescent behavior of 1 towards HClO

342

could be rationalized by the HClO-induced transformation of electron-deficient

343

sulfonyl-semicarbazide moiety to electron-donating amino group on 4-position on the

344

1,8-naphthalimide fluorophore which affected the characteristics of intramolecular

345

charge transfer (ICT).

346 347

3.8 Cell Cytotoxicity assay

348

The cell livability was expressed as percent (mean for three assays) relative to

349

untreated cells as shown in Fig. 8. It could be seen that the probe was almost nontoxic

350

to cells when its concentration was below 100 µM. Therefore, probe 1 was applied for

351

fluorescence imaging of HOCl in cells.

352

353 354

Figure 8. Cytotoxicity study of probe 1 for cells.

355 356 18

357

3.9 Cell imaging of probe 1

358

Firstly, we applied probe 1 to imaging exogenous HOCl in living U-373MG cells.

359

As exhibited in Figure 9, the living U-373MG cells incubated with 1 for 0.5 h at 37℃

360

provided a strong blue fluorescence in the short wavelength emission window (Figure

361

9a) while less green fluorescence in the long wavelength emission window (Figure

362

9b). The living U-373MG cells treated firstly with NaOCl and then with 1 gave a

363

marked decrease in the blue emission (Figure 9e) and a significant increase in the

364

green emission (Figure 9f), consistent with the HOCl-induced ratiometric fluorescent

365

response.

366 367

Figure 9. Confocal fluorescence imaging without (up) and with (down) exogenous

368

NaClO.

369

collected at long wavelength emission window; (c, g) merged images of (a+b) and

370

(e+f); (d, h) bright field image.

(a, e) images collected at short wavelength emission window; (b, f) images

371 372

We then proceeded to investigate the feasibility of the probe for imaging

373

endogenous HOCl in living U-373MG cells. The cells which incubated only with the

374

probe displayed strong fluorescence in the blue channel (Fig. S9a) and almost no

375

fluorescence in the green channel (Fig. S9b). However, a marked enhancement in the

376

green channel (Fig. S9d) was observed in the cells stimulated by lipopolysaccharides

377

(LPS, 2mg/mL) and phorbol myristate acetate (PMA, 2mg/mL) together. The

378

remarkably increased green fluorescence signal is mainly due to the reaction between

379

the probes and endogenous HOCl, indicating that the probe was cell membrane

380

permeable and could be employed for fluorescence imaging of HOCl in living cells. 19

381 382

Conclusion

383

In summary, a naphthalimide-based fluorescent probe has been successfully

384

developed for the rapid ratiometric fluorescence detection of hypochlorous acid based

385

on the specific HOCl-promoted oxidation-hydrolysis of sulfonyl-semicarbazide

386

group. The experimental results clearly indicate that probe 1 can be used as a

387

chemodosimeter for HOCl with good selectivity and high sensitivity. In addition,

388

confocal fluorescence microscopy imaging using U-373MG cells showed that the new

389

probe could be used as a promising fluorescent probe for real water samples and

390

imaging HOCl in living cells.

391 392

Conflicts of interest

393

There are no conflicts to declare.

394 395

Acknowledgments

396

This work was financially supported by the National Natural Science Foundation

397

of China (No. 21435003), Program for Changjiang Scholars and Innovative Research

398

Team in University (PCSIRT, No.IRT13036).

399 400

References

401

[1] Podrez EA, Abu-Soud HM, Hazen SL. Myeloperoxidase-generated oxidants and

402

atherosclerosis.

Free

Radic

403

DOI: 10.1016/S0891-5849(00)00229-X

Biol

Med

2000;

28:

1717–25.

404

[2] Stamp LK , Khalilova I, Tarr JM, Senthilmohan R, Turner R, Haigh RC, Winyard PG, Kettle

405

AJ. Myeloperoxidase and oxidative stress in rheumatoid arthritis. Rheumatology 2012;

406

51:1796-803. doi: 10.1093/rheumatology/kes193

407

[3] Ohshima H, Tatemichi M, Sawa T. Chemical basis of inflammation-induced carcinogenesis.

408

Archives

of

biochemistry

409

doi:10.1016/S0003-9861(03)00283-2

and

biophysics.

2003;

417:

3-11.

410

[4]Chen XQ, Wang F, Hyun JY, Wei TW, Qiang J, Ren XT, Shin IJ, Yoon JJ. Recent progress in

411

the development of fluorescent, luminescent and colorimetric probes for detection of reactive 20

412

oxygen

and

nitrogen

413

10.1039/c6cs00192k

species.

Chem

Soc

Rev.

2016;

45:

2976-3016.

DOI:

414

[5]Wu D, Chen LY, Xu QL, Chen XQ, Yoon JY. Design Principles, Sensing Mechanisms, and

415

Applications of Highly Specific Fluorescent Probes for HOCl/OCl−. Acc Chem Res 2019;

416

52:2158-68. DOI:10.1021/acs.accounts.9b00307

417

[6]Wang S, Chen LY, Paramesh J, Amit S, Li W, Hou JT, Qin CQ, Yoon JY, Kim JS.

418

Design and applications of fluorescent detectors for peroxynitrite.

419

Reviews 2018; 374: 36-54.

Coordination Chemistry

Doi:10.1016/j.ccr.2018.06.013

420

[7]Zhang YR, Liu Y, Feng X, Zhao BX. Recent progress in the development of fluorescent probes

421

for the detection of hypochlorous acid. Sensors and Actuators B: Chemical 2017; 240:18-36.

422

DOI: 10.1016/j.snb.2016.08.066

423

[8] Zhan XQ, Yan JH, Su JH, Wang YC, He J, Wang SY, Zheng H, Xu JG. Thiospirolactone as a

424

recognition site: Rhodamine B-based fluorescent probe for imaging hypochlorous acid

425

generated

426

DOI:10.1016/j.snb.2010.07.057

in

human

neutrophil

cells.

Sens.

Actuators

B

2010;

150:

774–80.

427

[9] Xie XX, Wang JA, Yan YC, Zhang X, Liu CC, Yang J, Hua JL. A new mitochondria-targeted

428

ratiometric fluorescent probe based on diketopyrrolopyrrole for imaging endogenous HOCl in

429

living cells. Analyst 2018; 143:5736-43. DOI: 10.1039/c8an01469h

430 431

[10] Liu SR, Wu P, Hypochlorous acid turn-on fluorescent probe based on oxidation of diphenyl Selenide. Org Lett 2013; 15: 878-81. DOI:10.1021/ol400011u

432

[11] Wang B, Li P, Yu F, Song P, Sun XF, Yang SQ, Lou ZR, Han KL. A reversible fluorescence

433

probe based on Se–BODIPY for the redox cycle between HClO oxidative stress and H2S

434

repair in living cells. Chem Commun 2013; 49:1014-16. DOI: 10.1039/C2CC37803E

435 436

[12] Manjare ST, Kim J, Lee Y, Churchill DG. Facile meso-BODIPY annulation and selective sensing of hypochlorite iwater. Org Lett 2014; 16:520-23.

DOI:10.1021/ol403405n

437

[9] Zhang PS, Wang H, Hong YX, Yu ML, Zeng RJ, Long YF, Chen J. Selective visualization of

438

endogenous hypochlorous acid in zebrafish during lipopolysaccharide-induced acute liver

439

injury using a polymer micelles-based ratiometric fluorescent probe. Biosensors and

440

Bioelectronics 2018; 99: 318–24. DOI:10.1016/j.bios.2017.08.001

21

441

[10] Lin QS, Huang YL, Fan XX, Zhan XQ, Zheng H. A ratiometric fluorescent probe for

442

hypochlorous acid determination: Excitation and the dual-emission wavelengths at NIR region.

443

Talanta 2017; 170: 496-501. DOI: 10.1016/j.talanta.2017.04.024

444

[15] Zhang YR, Chen XP, Shao J, Miao JY, Zhao BX, et al. A ratiometric fluorescent probe for

445

sensing HOCl based on a coumarin–rhodamine dyad. Chem Commun 2014; 50: 14241-244.

446

DOI: 10.1039/c4cc05976j

447

[16] Lee HJ, Cho MJ, Chang SK. Ratiometric Signaling of Hypochlorite by the Oxidative

448

Cleavage of Sulfonhydrazide-Based Rhodamine−Dansyl Dyad. Inorg Chem 2015; 54:

449

8644−49. DOI: 10.1021/acs.inorgchem.5b01284

450

[17] Chen X, Wang X, Wang S, Shi W, Wang K, Ma H. A highly selective and sensitive

451

fluorescence probe for the hypochlorite anion. Chem Eur J 2008; 14:4719-24.

452

DOI:10.1002/chem.200701677

453

[18] Song G, Ma HL, Luo J, Cao XQ, Zhao BX. A new ratiometric fluorescent probe for sensing

454

HOCl based on TBET in real time. Dyes and Pigments 2018; 148: 206-11.

455

DOI:10.1016/j.dyepig.2017.09.022

456

[19] Yuan L, Lin WY, Xie YN, Chen B, Song JZ. Fluorescent detection of hypochlorous acid

457

from turn-on to FRET-based ratiometry by a HOCl-mediated cyclization reaction. Chem Eur

458

J 2012; 18: 2700-706. DOI: 10.1002/chem.201101918

459

[20] Tong LL, Qian Y. Naphthalimide–rhodamine chemodosimeter for hypochlorite based on

460

TBET: High quantum yield and endogeous imaging in living cells. Journal of Photochemistry

461

& Photobiology A: Chemistry 2019; 368: 62-69. DOI:10.1016/j.jphotochem.2018.09.027

462

[21] Shen SL, Zhang XF, Ge YQ, Zhu Y, Cao XQ. A novel ratiometric fluorescent probe for the

463

detection of HOCl based On FRET strategy. Sensors and Actuators B 2018; 254: 736-41.

464

DOI:10.1016/j.snb.2017.07.158

465

[22] Zhang YR, Zhao ZM, Miao JY, Zhao BX. A ratiometric fluorescence probe based on a novel

466

FRET platform for imaging endogenous HOCl in the living cells. Sensors and Actuators B

467

2016; 229:408-13. DOI:10.1016/j.snb.2016.01.146

468

[23] Liu Y, Zhao ZM, Miao JY, Zhao BX. A ratiometric fluorescent probe based on boron

469

dipyrromethene and rhodamine Forster resonance energy transfer platform for hypochlorous

22

470

acid and its application in living cells. Anal Chim Acta 2016; 921: 77-83.

471

DOI:10.1016/j.aca.2016.03.045

472

[24] Kang, Huo FJ, Yue YK, Wen Y , Chao JB, Zhang YB, Yin CX. A solvent depend on

473

ratiometric fluorescent probe for hypochlorous acid and its application in living cells. Dyes

474

and Pigments 2017; 136:852-58.

DOI:10.1016/j.dyepig.2016.09.048

475

[25] Xing PF, Zhang Z, Niu YM, Qi YN, Dong L, Wang CM. Water solubility is essential for

476

fluorescent probes to image hypochlorous acid in live cells. Chem Commun 2018:

477

54:9889-92. DOI:10.1039/c8cc04631j

478

[26] Zhu BC, Li P, Shu W, Wang X, Liu CY, Wang Y, Wang ZK, Wang YW, Tang B. Highly

479

specific and ultrasensitive two-photon fluorescence imaging of native HOCl in lysosomes

480

and tissues based on thiocarbamate derivatives. Anal Chem 2016; 88(24): 12532-538.

481

DOI: 10.1021/acs.analchem.6b04392

482

[27] Li JF, Li PF, Huo FJ, Yin CX, Liu T, Chao JB, Zhang YB. Ratiometric fluorescent probes

483

for ClO- and in vivo applications. Dyes and Pigments 2016; 130: 209-215.

484

DOI: doi.org/10.1016/j.dyepig.2016.02.024

485

[28] Xi LL , Guo XF, Wang CL, Wu WL, Huang MF, Miao JY, Zhao BX. A near-infrared

486

ratiometric fluorescent probe for rapid and selective detection of hypochlorous acid in

487

aqueous solution and living cells. Sensors and Actuators B 2018; 255:666-71.

488

DOI: 10.1016/j.snb.2017.08.073

489

[29] Zhang LJ, Ning JY, Miao JY, Liu JT, Zhao BX. A new ratiometric fluorescent probe for

490

detecting endogenous HClO in living cells. New J. Chem., 2018; 42: 2989-93. DOI:

491

10.1039/c7nj03907g

492

[30] Zhang W, Guo C, Liu L, Qin J, Yang C. Naked-eye visible and fluorometric dual-signaling

493

chemodosimeter for hypochlorous acid based on water-soluble p-methoxyphenol derivative.

494

Org Biomol Chem 2011; 9: 5560-63. DOI: 10.1039/c1ob05550j

495

[31] Hu JJ, Wong NK, Gu QS, Bai XY, Ye S, Yang D. HKOCl-2 series of green BODIPY-based

496

fluorescent probes for hypochlorous acid detection and imaging in live cells. Org Lett 2014;

497

16: 3544-47. DOI:10.1021/ol501496n

23

498

[32] Koide Y, Urano Y, Kenmoku S, Kojima H, Nagano T. Design and synthesis of fluorescent

499

probes for selective detection of highly reactive oxygen species in mitochondria of living

500

cells. J Am Chem Soc 2007; 129 :10324–25. DOI:10.1021/ja073220m

501

[33] Shepherd J, Hilderbrand SA, Waterman P, Heinecke JW, Weissleder R, Libby P. A

502

fluorescent probe for the detection of myeloperoxidase activity in atherosclerosis-associated

503

macrophages. Chem Biol 2007; 14: 1221–31. DOI: 10.1016/j.chembiol.2007.10.005

504

[34] Pak YL, Park SJ, Song G, Yim YB, Kang H, Kim HM, Bouffard J, Yoon JY. Endoplasmic

505

reticulum-targeted ratiometric N-heterocyclic carbene borane probe for two-photon

506

microscopic

507

DOI:10.1021/acs.analchem.8b03565

508

imaging

of

hypochlorous

acid.

Anal

Chem

2018;

90:

12937-43.

[35] Pak YL, Park SJ, Song G, Wu D, Cheon BH, Kim HM, Bouffard J, Yoon JY. N-Heterocyclic

509

carbene boranes as reactive oxygen species –responsive materials: Application to the

510

two-photon imaging of hypochlorous acid in living cells and tissues. Angew Chem Int Ed

511

2018; 57:1567-71.

512

DOI:10.1002/ange.201711188

[36] Pak YL, Park SJ, Xu QL, Kim HM, Yoon JY. Ratiometric two-photon fluorescent probe for

513

detecting

514

DOI:10.1021/acs.analchem.8b02195

515

and

imaging

hypochlorite.

Anal

Chem

2018;

90:

9510-14.

[37] Chen LY, Park SJ, Wu D, Kim HM, Yoon JY. A two-photon ESIPT based fluorescence

516

probe for specific detection of hypochlorite. Dyes and Pigments 2018; 158: 526-32.

517

DOI:10.1016/j.dyepig.2018.01.027

518

[38] Duan C, Won M, Verwilst P, Xu JC, Kim HS, Zeng LT, Kim JS. In Vivo imaging of

519

endogenously produced HClO in zebrafish and mice using a bright, photostable ratiometric

520

fluorescent probe. Anal Chem 2019; 91:4172−78. DOI:10.1021/acs.analchem.9b00224

521

[39] Diana A, Jean CL, Paola L. Ratiometric fluorescent Pprobes for the detection of reactive

522 523

oxygen species. Chem Eur J 2017;23:13549 -73. DOI: 10.1002/chem.201702458 [40] Gazda M, Margerum DW. Reactions of monochloramine with Br2, Br3−, HOBr, and OBr−:

524

formation

525

DOI: 10.1016/j.aca.2009.11.013

526 527

of

bromochloramines.

Inorg

Chem

1994;

33:

118-23.

[41] Hrabie JA, KLOSE JR, Wink DA, Keefer LK. New nitric oxide-releasing zwitterions derived from polyamines. J Org Chem 1993; 58:1472-76. DOI: 10.1021/jo00058a030 24

528

[42] Setsukinai K, Urano Y, Kakinuma K, Majima HJ, Nagano T. Development of novel

529

fluorescence probes that can reliably detect reactive oxygen species and distinguish specific

530

species. J Biol Chem 2003; 278: 3170-75. Doi: 10.1074/jbc.M209264200

531

[43] Weed J, Ho H, Jolly WL. Chemical syntheses with a quenched flow reactor.

532

Hydroxytrihydroborate and peroxynitrite. J Am. Chem. Soc. 1974; 96:1248-49.

533

Doi.org/10.1021/ja00811a062

534

[44] Hu XX, Zheng XL, Fan XX, Su YT, Zhan XQ, Zheng H, Semicarbazide-based naphthalimide

535

as a highly selective andsensitive colorimetric and “turn-on” fluorescentchemodosimeter for

536

Cu2+. Sensors and Actuators B 2016; 227:191-97. DOI: org/10.1016/j.snb.2015.12.037

537 538

[45] Irving HMNH, Freiser H, West TS (Eds.). IUPAC compendium of analytical nomenclature, Definitive Rules. Pergamon Press, Oxford, 1981.

539 540 541 542

25

Highlights

•An ICT-based ratiometric fluorescence probe for HClO was developed with the skeleton of 4-amino-1, 8-naphthalimide fluorophore.

•A novel recognition mechanism that specific removing a sulfonyl-semicarbazide group by HClO was observed.

•The probe showed high selectivity and sensitivity toward HOCl and was applied in real water samples and imaging HClO in living U-373MG cells..