Farben
Schwarz und Weiss
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/textimage_1003064749/image.imageformat.textdouble.551771493.png)
Schwarz und Weiss prägen den Auftritt der ETH. Auch unser Logo steht schwarz auf weiss. Bei einfarbigen Anwendungen ist das Erscheinungsbild am ehesten schwarzweiss.
Farbpalette
Es gibt sieben Farben zur Auszeichnung und für dekorative Zwecke. Die Farben können frei verwendet werden, d.h. es gibt keine inhaltliche Farbkodierung.
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/fullwidthimage/image.imageformat.1286.936248541.png)
Farbe soll dezent und zurückhaltend eingesetzt werden. Im Idealfall werden nicht mehr als 2 CD-Farben miteinander kombiniert (kein Kunterbunt). Die CD-Farben sind in unseren Templates und im Web CMS hinterlegt.
Farbe erscheint zum Beispiel im Label-Element oder bei typografischen Auszeichnungen (Quotes, Lead etc.). In digitalen Medien wird Farbe zudem verwendet, um Interaktionselemente auszuzeichnen. Farbige Headlines vermeiden wir.
Auf Farbflächen steht immer weisse Schrift (Barrierefreiheit).
Farbwerte
Farbe | RGB | HEX | CMYK | Pantone | RAL |
---|---|---|---|---|---|
ETH Blau | 33, 92, 175 | #215CAF | 100, 57, 0, 0 | 2935 | 5005 Signalblau |
ETH Petrol | 0, 120, 148 | #007894 | 100, 25, 30, 10 | 633 | 5009 Azurblau |
ETH Grün | 98, 115, 19 | #627313 | 55, 10, 100, 30 | 364 | 6010 Grasgrün |
ETH Bronze | 142, 103, 19 | #8E6713 | 30, 36, 100, 25 | 4495 | 7008 Khakigrau |
ETH Rot | 183, 53, 45 | #B7352D | 0, 90, 80, 17 | 1797 | 3031 Orientrot |
ETH Purpur | 167, 17, 122 | #A7117A | 22, 100, 0, 10 | 234 | 4006 Verkehrspurpur |
ETH Grau | 111, 111, 111 | #6F6F6F | 0, 0, 0, 70 | Cool Gray 11 | 7046 Telegrau 2 |
Auf genügend Kontrast achten
Auf Farbflächen mit 10%, 20% und 40% Farbabstufung steht immer schwarze Schrift (Barrierefreiheit). Auf 60% besser keine Schrift setzen. Ab 80% verwenden wir weisse Schrift.
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/greybox/par/image/image.imageformat.1286.1999468751.png)
Kontraste für digitale Anwendungen können über Programme im Internet verifiziert werden (Beispiel: externe Seite Contrast Checker).
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/image/image.imageformat.1286.1704493006.png)
ETH Blau: Farbabstufungen | RGB | HEX | CMYK |
---|---|---|---|
10% | 233, 239, 247 | #E9EFF7 | 10, 6, 0, 0 |
20% | 211, 222, 239 | #D3DEEF | 20, 11, 0, 0 |
40% | 166, 190, 223 | #A6BEDF | 40, 23, 0, 0 |
60% | 122, 157, 207 | #7A9DCF | 60, 34, 0, 0 |
80% | 77, 125, 191 | #4D7DBF | 80, 46, 0, 0 |
120% | 8, 64, 126 | #08407E | 100, 62, 0, 30 |
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/image_2061021740/image.imageformat.1286.137923221.png)
ETH Petrol: Farbabstufungen | RGB | HEX | CMYK |
---|---|---|---|
10% | 231, 244, 247 | #E7F4F7 | 12, 0, 5, 0 |
20% | 204, 228, 234 | #CCE4EA | 20, 3, 7, 0 |
40% | 153, 202, 213 | #99CAD5 | 40, 7, 12, 4 |
60% | 102, 175, 192 | #66AFC0 | 60, 14, 18, 6 |
80% | 51, 149,171 | #3395AB | 80, 20, 24, 8 |
120% | 0, 89, 109 | #00596D | 100, 25, 30, 38 |
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/image_425147546/image.imageformat.1286.1777564888.png)
ETH Grün: Farbabstufungen | RGB | HEX | CMYK |
---|---|---|---|
10% | 239, 241, 231 | #EFF1E7 | 6, 1, 10, 3 |
20% | 224, 227, 208 | #E0E3D0 | 11, 2, 20, 6 |
40% | 192, 199, 161 | #C0C7A1 | 22, 4, 40, 12 |
60% | 161, 171, 113 | #A1AB71 | 33,6, 60, 18 |
80% | 129, 143, 66 | #818F42 | 44, 8, 80, 24 |
120% | 54, 82, 19 | #365213 | 55, 10, 100, 65 |
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/image_1158102631/image.imageformat.1286.1813683897.png)
ETH Bronze: Farbabstufungen | RGB | HEX | CMYK |
---|---|---|---|
10% | 244, 240, 231 | #F4F0E7 | 3, 4, 10, 3 |
20% | 232, 225, 208 | #E8E1D0 | 6, 7, 20, 5 |
40% | 210, 194, 161 | #D2C2A1 | 12, 14, 40, 10 |
60% | 187, 164, 113 | #BBA471 | 18, 22, 60, 15 |
80% | 165, 133, 66 | #A58542 | 24, 29, 80, 20 |
120% | 112, 79, 18 | #704F12 | 30, 36, 100, 55 |
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/image_774022076/image.imageformat.1286.908178191.png)
ETH Rot: Farbabstufungen | RGB | HEX | CMYK |
---|---|---|---|
10% | 248, 235, 234 | #F8EBEA | 0, 9, 6, 0 |
20% | 241, 215, 213 | #F1D7D5 | 0, 18, 13, 4 |
40% | 226, 174, 171 | #E2AEAB | 0, 36, 26, 8 |
60% | 212, 134, 129 | #D48681 | 0, 54, 39, 11 |
80% | 197, 93, 87 | #C55D57 | 197, 93, 87 |
120% | 150, 39, 45 | #96272D | 0, 100, 80, 40 |
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/image_753075547/image.imageformat.1286.627536499.png)
ETH Purpur: Farbabstufungen | RGB | HEX | CMYK |
---|---|---|---|
10% | 248, 232, 243 | #F8E8F3 | 2, 10, 0, 1 |
20% | 239, 208, 227 | #EFD0E3 | 4, 20, 0, 1 |
40% | 220, 158, 201 | #DC9EC9 | 7, 40, 0, 4 |
60% | 202, 108, 174 | #CA6CAE | 13, 60, 0, 6 |
80% | 183, 59, 146 | #B73B92 | 18, 80, 0, 8 |
120% | 140, 10, 89 | #8C0A59 | 22, 100, 0, 35 |
![](/staffnet/de/service/kommunikation/corporate-design/farbe/_jcr_content/par/image_428625325/image.imageformat.1286.160514039.png)
ETH Grau: Farbabstufungen | RGB | HEX | CMYK |
---|---|---|---|
10% | 241, 241,241 | #F1F1F1 | 0, 0, 0, 7 |
20% | 226, 226, 226 | #E2E2E2 | 0, 0, 0, 14 |
40% | 197, 197, 197 | #C5C5C5 | 0, 0, 0, 28 |
60% | 169, 169, 169 | #A9A9A9 | 0, 0, 0, 42 |
80% | 140, 140, 140 | #8C8C8C | 0, 0, 0, 56 |
120% | 87, 87, 87 | #575757 | 0, 0, 0, 81 |
Kontakt