Farben

Schwarz und Weiss

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.

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 Blau33, 92, 175#215CAF100, 57, 0, 029355005 Signalblau
ETH Petrol0, 120, 148#007894100, 25, 30, 106335009 Azurblau
ETH Grün98, 115, 19#62731355, 10, 100, 303646010 Grasgrün
ETH Bronze142, 103, 19#8E671330, 36, 100, 2544957008 Khakigrau
ETH Rot183, 53, 45#B7352D0, 90, 80, 1717973031 Orientrot
ETH Purpur167, 17, 122#A7117A22, 100, 0, 102344006 Verkehrspurpur
ETH Grau111, 111, 111#6F6F6F0, 0, 0, 70Cool Gray 117046 Telegrau 2

Farbabstufungen in Ergänzung zu den sieben CD-Farben

Für Grafiken, Illustrationen, Infoboxen und Pläne können zusätzlich hellere Töne und ein dunklerer Ton der oben genannten Farben verwendet werden.   

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.  

Kontraste für digitale Anwendungen können über Programme im Internet verifiziert werden (Beispiel: externe Seite Contrast Checker).

ETH Blau: Farbabstufungen
RGB
HEX
CMYK
10%233, 239, 247#E9EFF710, 6, 0, 0
20%211, 222, 239#D3DEEF20, 11, 0, 0
40%166, 190, 223#A6BEDF40, 23, 0, 0
60%122, 157, 207#7A9DCF60, 34, 0, 0
80%77, 125, 191#4D7DBF80, 46, 0, 0
120%8, 64, 126#08407E100, 62, 0, 30
ETH Petrol: Farbabstufungen
RGB
HEX
CMYK
10%231, 244, 247#E7F4F712, 0, 5, 0
20%204, 228, 234#CCE4EA20, 3, 7, 0
40%153, 202, 213#99CAD540, 7, 12, 4
60%102, 175, 192#66AFC060, 14, 18, 6
80%51, 149,171#3395AB80, 20, 24, 8
120%0, 89, 109#00596D100, 25, 30, 38
ETH Grün: Farbabstufungen
RGB
HEX
CMYK
10%239, 241, 231#EFF1E76, 1, 10, 3
20%224, 227, 208#E0E3D011, 2, 20, 6
40%192, 199, 161#C0C7A122, 4, 40, 12
60%161, 171, 113#A1AB7133,6, 60, 18
80%129, 143, 66#818F4244, 8, 80, 24
120%54, 82, 19#36521355, 10, 100, 65
ETH Bronze: Farbabstufungen
RGB
HEX
CMYK
10%244, 240, 231#F4F0E73, 4, 10, 3
20%232, 225, 208#E8E1D06, 7, 20, 5
40%210, 194, 161#D2C2A112, 14, 40, 10
60%187, 164, 113#BBA47118, 22, 60, 15
80%165, 133, 66#A5854224, 29, 80, 20
120%112, 79, 18#704F1230, 36, 100, 55
ETH Rot: Farbabstufungen
RGB
HEX
CMYK
10%248, 235, 234#F8EBEA0, 9, 6, 0
20%241, 215, 213#F1D7D50, 18, 13, 4
40%226, 174, 171#E2AEAB0, 36, 26, 8
60%212, 134, 129#D486810, 54, 39, 11
80%197, 93, 87#C55D57197, 93, 87
120%150, 39, 45#96272D0, 100, 80, 40
ETH Purpur: Farbabstufungen
RGB
HEX
CMYK
10%248, 232, 243#F8E8F32, 10, 0, 1
20%239, 208, 227#EFD0E34, 20, 0, 1
40%220, 158, 201#DC9EC97, 40, 0, 4
60%202, 108, 174#CA6CAE13, 60, 0, 6
80%183, 59, 146#B73B9218, 80, 0, 8
120%140, 10, 89#8C0A5922, 100, 0, 35
ETH Grau: Farbabstufungen
RGB
HEX
CMYK
10%241, 241,241#F1F1F10, 0, 0, 7
20%226, 226, 226#E2E2E20, 0, 0, 14
40%197, 197, 197  #C5C5C50, 0, 0, 28
60%169, 169, 169#A9A9A90, 0, 0, 42
80%140, 140, 140#8C8C8C0, 0, 0, 56
120%87, 87, 87#5757570, 0, 0, 81

Kontakt

Corporate Design-Team
  • corporate_design@hk.ethz.ch