API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 20th, 2017
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.19 KB | None | 0 0
raw download clone embed print report
  1. <h1>
  2. <strong>Pantone<sup>®</sup></strong>
  3. Color of the Yeay
  4. </h1>
  5.  
  6. <div class="container">
  7.  
  8. <div class="card pt-2017">
  9. <div class="inner">
  10. <div class="front">
  11. <div class="details">
  12. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  13. <p class="year">2017</p>
  14. <p class="color-info">15-0343</p>
  15. <p class="color-info">Greenery</p>
  16. </div>
  17. </div> <!-- /.front -->
  18. <div class="back">
  19. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  20. <p class="color-info">15-0343</p>
  21. <p class="color-info">Greenery</p>
  22. <ul>
  23. <li>CMYK <span>53 13 92 1</span></li>
  24. <li>RGB <span>136 176 75</span></li>
  25. <li>HEX <span>#88b04b</span></li>
  26. </ul>
  27. </div> <!-- /.back -->
  28. </div> <!-- /.inner -->
  29. </div> <!-- /.card -->
  30.  
  31. <div class="card pt-2016-a">
  32. <div class="inner">
  33. <div class="front">
  34. <div class="details">
  35. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  36. <p class="year">2016</p>
  37. <p class="color-info">13-1520</p>
  38. <p class="color-info">Rose Quartz</p>
  39. </div>
  40. </div> <!-- /.front -->
  41. <div class="back">
  42. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  43. <p class="color-info">13-1520</p>
  44. <p class="color-info">Rose Quartz</p>
  45. <ul>
  46. <li>CMYK <span>1 24 12 0</span></li>
  47. <li>RGB <span>247 202 201</span></li>
  48. <li>HEX <span>#f7cac9</span></li>
  49. </ul>
  50. </div> <!-- /.back -->
  51. </div> <!-- /.inner -->
  52. </div> <!-- /.card -->
  53.  
  54. <div class="card pt-2016-b">
  55. <div class="inner">
  56. <div class="front">
  57. <div class="details">
  58. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  59. <p class="year">2016</p>
  60. <p class="color-info">15-3919</p>
  61. <p class="color-info">Serenity</p>
  62. </div>
  63. </div> <!-- /.front -->
  64. <div class="back">
  65. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  66. <p class="color-info">15-3919</p>
  67. <p class="color-info">Serenity</p>
  68. <ul>
  69. <li>CMYK <span>46 29 3 0</span></li>
  70. <li>RGB <span>140 164 207</span></li>
  71. <li>HEX <span>#8ca4cf</span></li>
  72. </ul>
  73. </div> <!-- /.back -->
  74. </div> <!-- /.inner -->
  75. </div> <!-- /.card -->
  76.  
  77. <div class="card pt-2015">
  78. <div class="inner">
  79. <div class="front">
  80. <div class="details">
  81. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  82. <p class="year">2015</p>
  83. <p class="color-info">18-1438</p>
  84. <p class="color-info">Marsala</p>
  85. </div>
  86. </div> <!-- /.front -->
  87. <div class="back">
  88. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  89. <p class="color-info">18-1438</p>
  90. <p class="color-info">Marsala</p>
  91. <ul>
  92. <li>CMYK <span>33 73 61 19</span></li>
  93. <li>RGB <span>149 182 81</span></li>
  94. <li>HEX <span>#955251</span></li>
  95. </ul>
  96. </div> <!-- /.back -->
  97. </div> <!-- /.inner -->
  98. </div> <!-- /.card -->
  99.  
  100. <div class="card pt-2014">
  101. <div class="inner">
  102. <div class="front">
  103. <div class="details">
  104. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  105. <p class="year">2014</p>
  106. <p class="color-info">18-3224</p>
  107. <p class="color-info">Radiant Orchid</p>
  108. </div>
  109. </div> <!-- /.front -->
  110. <div class="back">
  111. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  112. <p class="color-info">18-3224</p>
  113. <p class="color-info">Radiant Orchid</p>
  114. <ul>
  115. <li>CMYK <span>29 72 1 0</span></li>
  116. <li>RGB <span>181 101 167</span></li>
  117. <li>HEX <span>#b565a7</span></li>
  118. </ul>
  119. </div> <!-- /.back -->
  120. </div> <!-- /.inner -->
  121. </div> <!-- /.card -->
  122.  
  123. <div class="card pt-2013">
  124. <div class="inner">
  125. <div class="front">
  126. <div class="details">
  127. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  128. <p class="year">2013</p>
  129. <p class="color-info">17-5641</p>
  130. <p class="color-info">Emerald</p>
  131. </div>
  132. </div> <!-- /.front -->
  133. <div class="back">
  134. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  135. <p class="color-info">17-5641</p>
  136. <p class="color-info">Emerald</p>
  137. <ul>
  138. <li>CMYK <span>81 15 67 1</span></li>
  139. <li>RGB <span>22 156 120</span></li>
  140. <li>HEX <span>#169c78</span></li>
  141. </ul>
  142. </div> <!-- /.back -->
  143. </div> <!-- /.inner -->
  144. </div> <!-- /.card -->
  145.  
  146. <div class="card pt-2012">
  147. <div class="inner">
  148. <div class="front">
  149. <div class="details">
  150. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  151. <p class="year">2012</p>
  152. <p class="color-info">17-1463</p>
  153. <p class="color-info">Tangerine Tango</p>
  154. </div>
  155. </div> <!-- /.front -->
  156. <div class="back">
  157. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  158. <p class="color-info">17-1463</p>
  159. <p class="color-info">Tangerine Tango</p>
  160. <ul>
  161. <li>CMYK <span>0 82 78 0</span></li>
  162. <li>RGB <span>240 84 66</span></li>
  163. <li>HEX <span>#f05442</span></li>
  164. </ul>
  165. </div> <!-- /.back -->
  166. </div> <!-- /.inner -->
  167. </div> <!-- /.card -->
  168.  
  169. <div class="card pt-2011">
  170. <div class="inner">
  171. <div class="front">
  172. <div class="details">
  173. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  174. <p class="year">2011</p>
  175. <p class="color-info">18-2120</p>
  176. <p class="color-info">Honeysuckle</p>
  177. </div>
  178. </div> <!-- /.front -->
  179. <div class="back">
  180. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  181. <p class="color-info">18-2120</p>
  182. <p class="color-info">Honeysuckle</p>
  183. <ul>
  184. <li>CMYK <span>10 84 39 0</span></li>
  185. <li>RGB <span>218 79 112</span></li>
  186. <li>HEX <span>#da4f70</span></li>
  187. </ul>
  188. </div> <!-- /.back -->
  189. </div> <!-- /.inner -->
  190. </div> <!-- /.card -->
  191.  
  192. <div class="card pt-2010">
  193. <div class="inner">
  194. <div class="front">
  195. <div class="details">
  196. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  197. <p class="year">2010</p>
  198. <p class="color-info">15-5519</p>
  199. <p class="color-info">Turquoise</p>
  200. </div>
  201. </div> <!-- /.front -->
  202. <div class="back">
  203. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  204. <p class="color-info">15-5519</p>
  205. <p class="color-info">Turquoise</p>
  206. <ul>
  207. <li>CMYK <span>69 4 39 0</span></li>
  208. <li>RGB <span>65 182 171</span></li>
  209. <li>HEX <span>#41b6ab</span></li>
  210. </ul>
  211. </div> <!-- /.back -->
  212. </div> <!-- /.inner -->
  213. </div> <!-- /.card -->
  214.  
  215. <div class="card pt-2009">
  216. <div class="inner">
  217. <div class="front">
  218. <div class="details">
  219. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  220. <p class="year">2009</p>
  221. <p class="color-info">14-0848</p>
  222. <p class="color-info">Mimosa</p>
  223. </div>
  224. </div> <!-- /.front -->
  225. <div class="back">
  226. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  227. <p class="color-info">14-0848</p>
  228. <p class="color-info">Mimosa</p>
  229. <ul>
  230. <li>CMYK <span>6 25 77 0</span></li>
  231. <li>RGB <span>240 191 89</span></li>
  232. <li>HEX <span>#f0bf59</span></li>
  233. </ul>
  234. </div> <!-- /.back -->
  235. </div> <!-- /.inner -->
  236. </div> <!-- /.card -->
  237.  
  238. <div class="card pt-2008">
  239. <div class="inner">
  240. <div class="front">
  241. <div class="details">
  242. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  243. <p class="year">2008</p>
  244. <p class="color-info">18-3943</p>
  245. <p class="color-info">Blue Iris</p>
  246. </div>
  247. </div> <!-- /.front -->
  248. <div class="back">
  249. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  250. <p class="color-info">18-3943</p>
  251. <p class="color-info">Blue Iris</p>
  252. <ul>
  253. <li>CMYK <span>76 71 5 0</span></li>
  254. <li>RGB <span>89 92 161</span></li>
  255. <li>HEX <span>#595ca1</span></li>
  256. </ul>
  257. </div> <!-- /.back -->
  258. </div> <!-- /.inner -->
  259. </div> <!-- /.card -->
  260.  
  261. <div class="card pt-2007">
  262. <div class="inner">
  263. <div class="front">
  264. <div class="details">
  265. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  266. <p class="year">2007</p>
  267. <p class="color-info">19-1557</p>
  268. <p class="color-info">Chili Pepper</p>
  269. </div>
  270. </div> <!-- /.front -->
  271. <div class="back">
  272. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  273. <p class="color-info">19-1557</p>
  274. <p class="color-info">Chili Pepper</p>
  275. <ul>
  276. <li>CMYK <span>25 100 79 22</span></li>
  277. <li>RGB <span>156 27 49</span></li>
  278. <li>HEX <span>#9c1b31</span></li>
  279. </ul>
  280. </div> <!-- /.back -->
  281. </div> <!-- /.inner -->
  282. </div> <!-- /.card -->
  283.  
  284. <div class="card pt-2006">
  285. <div class="inner">
  286. <div class="front">
  287. <div class="details">
  288. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  289. <p class="year">2006</p>
  290. <p class="color-info">13-1106</p>
  291. <p class="color-info">Sand Dollar</p>
  292. </div>
  293. </div> <!-- /.front -->
  294. <div class="back">
  295. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  296. <p class="color-info">13-1106</p>
  297. <p class="color-info">Sand Dollar</p>
  298. <ul>
  299. <li>CMYK <span>12 17 22 0</span></li>
  300. <li>RGB <span>222 205 191</span></li>
  301. <li>HEX <span>#decdbf</span></li>
  302. </ul>
  303. </div> <!-- /.back -->
  304. </div> <!-- /.inner -->
  305. </div> <!-- /.card -->
  306.  
  307. <div class="card pt-2005">
  308. <div class="inner">
  309. <div class="front">
  310. <div class="details">
  311. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  312. <p class="year">2005</p>
  313. <p class="color-info">15-5217</p>
  314. <p class="color-info">Blue Turquoise</p>
  315. </div>
  316. </div> <!-- /.front -->
  317. <div class="back">
  318. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  319. <p class="color-info">15-5217</p>
  320. <p class="color-info">Blue Turquoise</p>
  321. <ul>
  322. <li>CMYK <span>67 10 35 0</span></li>
  323. <li>RGB <span>79 176 174</span></li>
  324. <li>HEX <span>#4fb0ae</span></li>
  325. </ul>
  326. </div> <!-- /.back -->
  327. </div> <!-- /.inner -->
  328. </div> <!-- /.card -->
  329.  
  330. <div class="card pt-2004">
  331. <div class="inner">
  332. <div class="front">
  333. <div class="details">
  334. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  335. <p class="year">2004</p>
  336. <p class="color-info">17-1456</p>
  337. <p class="color-info">Tigerlily</p>
  338. </div>
  339. </div> <!-- /.front -->
  340. <div class="back">
  341. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  342. <p class="color-info">17-1456</p>
  343. <p class="color-info">Tigerlily</p>
  344. <ul>
  345. <li>CMYK <span>5 80 82 1</span></li>
  346. <li>RGB <span>228 88 62</span></li>
  347. <li>HEX <span>#e4583e</span></li>
  348. </ul>
  349. </div> <!-- /.back -->
  350. </div> <!-- /.inner -->
  351. </div> <!-- /.card -->
  352.  
  353. <div class="card pt-2003">
  354. <div class="inner">
  355. <div class="front">
  356. <div class="details">
  357. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  358. <p class="year">2003</p>
  359. <p class="color-info">14-4811</p>
  360. <p class="color-info">Aqua Sky</p>
  361. </div>
  362. </div> <!-- /.front -->
  363. <div class="back">
  364. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  365. <p class="color-info">14-4811</p>
  366. <p class="color-info">Aqua Sky</p>
  367. <ul>
  368. <li>CMYK <span>51 4 24 6</span></li>
  369. <li>RGB <span>122 197 197</span></li>
  370. <li>HEX <span>#7ac5c5</span></li>
  371. </ul>
  372. </div> <!-- /.back -->
  373. </div> <!-- /.inner -->
  374. </div> <!-- /.card -->
  375.  
  376. <div class="card pt-2002">
  377. <div class="inner">
  378. <div class="front">
  379. <div class="details">
  380. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  381. <p class="year">2002</p>
  382. <p class="color-info">19-1664</p>
  383. <p class="color-info">True Red</p>
  384. </div>
  385. </div> <!-- /.front -->
  386. <div class="back">
  387. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  388. <p class="color-info">19-1664</p>
  389. <p class="color-info">True Red</p>
  390. <ul>
  391. <li>CMYK <span>17 99 85 7</span></li>
  392. <li>RGB <span>192 32 52</span></li>
  393. <li>HEX <span>#c02034</span></li>
  394. </ul>
  395. </div> <!-- /.back -->
  396. </div> <!-- /.inner -->
  397. </div> <!-- /.card -->
  398.  
  399. <div class="card pt-2001">
  400. <div class="inner">
  401. <div class="front">
  402. <div class="details">
  403. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  404. <p class="year">2001</p>
  405. <p class="color-info">17-2031</p>
  406. <p class="color-info">Fuchsia Rose</p>
  407. </div>
  408. </div> <!-- /.front -->
  409. <div class="back">
  410. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  411. <p class="color-info">17-2031</p>
  412. <p class="color-info">Fuchsia Rose</p>
  413. <ul>
  414. <li>CMYK <span>19 88 31 1</span></li>
  415. <li>RGB <span>201 68 118</span></li>
  416. <li>HEX <span>#c94476</span></li>
  417. </ul>
  418. </div> <!-- /.back -->
  419. </div> <!-- /.inner -->
  420. </div> <!-- /.card -->
  421.  
  422. <div class="card pt-2000">
  423. <div class="inner">
  424. <div class="front">
  425. <div class="details">
  426. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  427. <p class="year">2000</p>
  428. <p class="color-info">15-4020</p>
  429. <p class="color-info">Cerulean</p>
  430. </div>
  431. </div> <!-- /.front -->
  432. <div class="back">
  433. <h3 class="pantone-tm">PANTONE<sup>®</sup></h3>
  434. <p class="color-info">15-4020</p>
  435. <p class="color-info">Cerulean</p>
  436. <ul>
  437. <li>CMYK <span>38 19 5 0</span></li>
  438. <li>RGB <span>155 183 214</span></li>
  439. <li>HEX <span>#9bb7d6</span></li>
  440. </ul>
  441. </div> <!-- /.back -->
  442. </div> <!-- /.inner -->
  443. </div> <!-- /.card -->
  444.  
  445. </div> <!-- /.container -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!