# 色彩 Colours

## 品牌主色

紅色是《報導者》為人所熟悉的主色調，因應不同的排版需求，可使用更多層次的系列色；白色為標誌與內容閱讀的理想背景色，可搭配使用一系列的灰色調。

![](/files/yhF8hcP0tQTXkRynw2EG)

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="/files/-MkpriTvGXAWI65N2lcH" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>/</strong></td><td><strong>2, 30, 16, 0</strong></td><td> <strong>244, 198, 198</strong></td><td><strong>#F4C6C6</strong></td></tr><tr><td><img src="/files/-MkpriTy2Fn56VLt-s6S" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>/</strong></td><td><strong>0, 71, 38, 0</strong></td><td><strong>247, 105, 119</strong></td><td><strong>#F76977</strong></td></tr><tr><td><img src="/files/-MkpriTxdk5sV81Oiuwq" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>1795 C/2347U</strong></td><td><strong>0, 95, 79,  0</strong></td><td><strong>248, 11, 40</strong> </td><td><strong>#F80B28</strong></td></tr><tr><td><img src="/files/-MkpriTwvZK0SoDmJGDz" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>7620 C/3546U</strong></td><td><strong>16, 100, 90, 6</strong></td><td><strong>196, 13, 35</strong></td><td><strong>#C40D23</strong></td></tr><tr><td><img src="/files/-MkpriTuqJGQPTLPbQgp" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>25, 100, 87, 25</strong></td><td><strong>155, 5, 30</strong></td><td><strong>#9B051E</strong></td></tr></tbody></table>

## 品牌系列色

除了主色系之外，《報導者》的特色內容也應套用專屬色系作為區隔，例如影像報導以及 Podcast 聲音內容。

![](/files/YfvOn6nB2C5n0yU0mnzH)

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="/files/-MkpriU4UykTYrbY43dE" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>/</strong></td><td><strong>27, 0, 21, 0</strong></td><td><strong>196, 242, 220</strong></td><td><strong>#C4F2DC</strong></td></tr><tr><td><img src="/files/-MkpriU7yq4xLS_im5PP" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>/</strong></td><td><strong>42, 0, 32, 0</strong></td><td><strong>153, 236, 201</strong></td><td><strong>#99ECC9</strong></td></tr><tr><td><img src="/files/-MkpriU6WHmiz4Poelle" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>570 C</strong></td><td><strong>53, 0, 42, 0</strong></td><td><strong>110, 229, 181</strong></td><td><strong>#6EE5B5</strong></td></tr><tr><td><img src="/files/-MkpriU5m48kI0PuwXw0" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>/</strong></td><td><strong>76, 21, 58, 5</strong></td><td><strong>60, 146, 122</strong></td><td><strong>#3C927A</strong></td></tr><tr><td><img src="/files/-MkpriU3RwqU5I-hcB_Q" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>89, 50, 63, 65</strong></td><td><strong>14, 53, 50</strong></td><td><strong>#0E3532</strong></td></tr></tbody></table>

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="/files/-MkpriTzrtbJGVO8I7Eb" alt="" data-size="line"> <strong>Faded</strong></td><td><strong>/</strong></td><td><strong>36,  0, 3, 0</strong></td><td><strong>171, 222, 244</strong></td><td><strong>#ABDEF4</strong></td></tr><tr><td><img src="/files/-MkpriU04tTHcCOxxmmo" alt="" data-size="line"> <strong>Pastel</strong></td><td><strong>/</strong></td><td><strong>60, 33, 0, 0</strong></td><td><strong>109, 155, 224</strong></td><td><strong>#6D9BE0</strong></td></tr><tr><td><img src="/files/-MkpriU2l5x5mXk6MiPD" alt="" data-size="line"> <strong>Main</strong> </td><td><strong>2387 C</strong></td><td><strong>86, 66, 0, 0</strong></td><td><strong>47, 88, 204</strong> </td><td><strong>#2F58CC</strong></td></tr><tr><td><img src="/files/-MkpriU-D2JMHkqVgejr" alt="" data-size="line"> <strong>Heavy</strong> </td><td><strong>/</strong></td><td><strong>100, 87, 29, 11</strong></td><td><strong>20, 48, 113</strong></td><td><strong>#143071</strong></td></tr><tr><td><img src="/files/-MkpriU17Hcx6_sQ8Zpt" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>100, 87, 45, 51</strong></td><td><strong>5, 33, 66</strong></td><td><strong>#052142</strong></td></tr></tbody></table>

## 輔助色

除了搶眼的主色之外，也可搭配使用更具功能性的輔助色彩，為品牌形象增添層次感。

![](/files/CAXoq3q1JkXSYgm68IKr)

<table data-header-hidden><thead><tr><th width="150">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="/files/-MkpxP254B0zTk5zkHBy" alt="" data-size="line"> <strong>Main</strong></td><td><strong>468</strong> <strong>C</strong></td><td><strong>7, 27, 41, 0</strong></td><td><strong>237, 195, 157</strong></td><td><strong>#EDC39D</strong></td></tr><tr><td><img src="/files/-MkpxP23hYTb3CksCkhc" alt="" data-size="line"> <strong>Heavy</strong></td><td><strong>/</strong></td><td><strong>30, 44, 69, 24</strong></td><td><strong>158, 122, 78</strong></td><td><strong>#9E7A4E</strong></td></tr><tr><td><img src="/files/-MkpxP24J6QfHa5Vl1gB" alt="" data-size="line"> <strong>Dark</strong> </td><td><strong>/</strong></td><td><strong>47, 65, 82, 68</strong></td><td><strong>73, 48, 24</strong></td><td><strong>#493018</strong></td></tr></tbody></table>

![](/files/dCM7XKNYl5n7J6sDavzr)

<table data-header-hidden><thead><tr><th width="165">Title</th><th width="150">Pantone®</th><th width="150">CMYK</th><th width="150">RGB</th><th>Hex</th></tr></thead><tbody><tr><td>Title</td><td>Pantone®</td><td>CMYK</td><td>RGB</td><td>Hex</td></tr><tr><td><img src="/files/C86cGgMRUpkaV9e7S20t" alt="" data-size="line"><strong>White</strong></td><td><strong>White</strong></td><td><strong>0, 0, 0, 0</strong></td><td><strong>255, 255, 255</strong></td><td><strong>#FFFFFF</strong></td></tr><tr><td><img src="/files/-MkpxP1vuhDBRyoYoaFd" alt="" data-size="line"><strong>Gray 100</strong></td><td><strong>5315 C</strong></td><td><strong>0, 0, 0, 5</strong></td><td><strong>241, 241, 241</strong></td><td><strong>#F1F1F1</strong></td></tr><tr><td><img src="/files/-MkpxP1wT1UGy6jp95I-" alt="" data-size="line"><strong>Gray 200</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 11</strong></td><td><strong>226, 226, 226</strong></td><td><strong>#E2E2E2</strong></td></tr><tr><td><img src="/files/-MkpxP1xKZMeeYINYsna" alt="" data-size="line"><strong>Gray 300</strong> </td><td><strong>/</strong></td><td><strong>0, 0, 0, 15</strong></td><td><strong>216, 216, 216</strong></td><td><strong>#D8D8D8</strong></td></tr><tr><td><img src="/files/-MkpxP1yAuaUNRKb8LmA" alt="" data-size="line"><strong>Gray 400</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 20</strong></td><td><strong>205, 205, 205</strong></td><td><strong>#CDCDCD</strong></td></tr><tr><td><img src="/files/-MkpxP1zmv5ZRjzITa8Q" alt="" data-size="line"><strong>Gray 500</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 39</strong></td><td><strong>156, 156, 156</strong></td><td><strong>#9C9C9C</strong></td></tr><tr><td><img src="/files/-MkpxP2-hVZV60NAPPtR" alt="" data-size="line"><strong>Gray 600</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 50</strong></td><td><strong>128, 128, 128</strong></td><td><strong>#808080</strong></td></tr><tr><td><img src="/files/-MkpxP200cp_s4veoMR9" alt="" data-size="line"><strong>Gray 700</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 71</strong></td><td><strong>74, 74, 74</strong></td><td><strong>#4A4A4A</strong></td></tr><tr><td><img src="/files/-MkpxP21LnlGYHI5b95v" alt="" data-size="line"><strong>Gray 800</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 75</strong></td><td><strong>64, 64, 64</strong></td><td><strong>#404040</strong></td></tr><tr><td><img src="/files/-MkpxP22OrA5KT27pYma" alt="" data-size="line"><strong>Gray 900</strong></td><td><strong>/</strong></td><td><strong>0, 0, 0, 85</strong></td><td><strong>38, 38, 38</strong></td><td><strong>#262626</strong></td></tr><tr><td><img src="/files/-MkqANnsjpbg-aDS_HnQ" alt="" data-size="line"><strong>Black</strong></td><td><strong>Black 6 C</strong></td><td><strong>0, 0, 0, 100</strong></td><td><strong>0, 0, 0</strong></td><td><strong>#000000</strong></td></tr></tbody></table>

## Download

{% file src="/files/V19IUDNHLMHJ2FV7xQcn" %}

{% file src="/files/W67HGJAJloHqEbguMhdn" %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://twreporter.gitbook.io/the-reporter-brand-guidelines/pin-pai-shi-bie-brand-identity/se-cai-color.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.