Farbe
Einführung
Wir setzen Farbe ein, um den Fokus zu lenken, Informationen zu strukturieren und eine Hierarchie über alle Touchpoints hinweg herzustellen.
Kräftige Akzente werden mit ruhigen Neutraltönen kombiniert, um Kompositionen zugänglich und ausgewogen zu halten. Die Leuchtkraft und Helligkeit der Palette spiegelt die Vielfalt von AGRANAs Facetten wider und wahrt zugleich Klarheit und Konsistenz.
.png)
Farbbalance
Primärpalette
Für den Großteil unserer Kommunikation greifen wir auf die Primärpalette zurück. Blau- und Grauskalen schaffen eine ruhige, klare Basis. Dark Red und AGRANA Red bringen Energie und stärken, gezielt eingesetzt, die Markenwiedererkennung. Schwarz und Weiß dienen als neutrale, funktionale Farben.
Sekundärpalette
Die Sekundärpalette ergänzt die Primärfarben. Sie umfasst Gelb, Lila und Grün. Helle Abstufungen werden am häufigsten eingesetzt, während dunkle und mittlere Töne selektiver verwendet werden, um Kontrast und Tiefe zu erzeugen - insbesondere in Illustrationen und Infografiken.
Anwendung
So setzen wir visuelle Kommunikation und Barrierefreiheit mit den Farbpaletten und Farbkombinationen von AGRANA um. Die folgenden Hinweise zeigen, wie die Paletten in unterschiedlichen Kontexten wirkungsvoll und konsistent angewendet werden. Die unten dargestellten Visuals sind vereinfachte Beispiele.
Primärfarben
Verwende die Primärfarben als AGRANAs Hauptpalette. Setze sie auf wesentlichen Touchpoints wie Website, Geschäftsmaterialien und Verpackung ein, um eine starke Wiedererkennbarkeit sicherzustellen. Folge den definierten Farbkombinationen und Proportionsvorgaben und halte ihre visuelle Balance über alle Layouts hinweg konsistent.
AGRANA red thread
AGRANA Red ist eines unserer markantesten Markenelemente und spielt eine zentrale Rolle für die sofortige Wiedererkennbarkeit der Marke. Der konsequente Einsatz über alle Touchpoints hinweg stärkt die visuelle Präsenz von AGRANA und sorgt für ein konsistentes Markenerlebnis.
Setze AGRANA Red gezielt für Highlights, Icons, UI-Elemente und Illustrationsakzente ein. Achte dabei stets auf eine ausgewogene Balance mit der primären Farbpalette und nutze die Farbe, um Aufmerksamkeit zu lenken, statt Kompositionen zu dominieren.
Sekundärpalette
Verwende die Sekundärpalette, um Lebendigkeit hinzuzufügen und die Primärpalette zu unterstützen. Setze sie in Illustrationen, Infografiken, Datenvisualisierung und UI‑Elementen ein.
Halte sie in einer unterstützenden Rolle: Die Primärpalette sollte den überwiegenden Farbeindruck prägen.
Primärpalette
Wir unterteilen die Primärfarben in zwei Gruppen: die Primärfarben und die funktionalen Farben.
Die Primärfarben umfassen Rottöne, eine Grauskala und eine Blauskala. Dark Red und AGRANA Red bringen Kraft und Energie, ausbalanciert durch die Wärme der Grauskala und die Ruhe der Blauskala.
Dunkelrot
HEX
#460019
RGB
70/0/25
PMS-C
4102 C
PMS-U
4102 U
CMYK-C
35/100/60/60
CMYK-U
25/100/50/60
Anwendungsfälle: Hintergründe, Infografiken, Illustrationen, UI‑Elemente, Icons
AGRANA Red
HEX
#EE0014
RGB
238/0/20
PMS-C
2035 C
PMS-U
2035 U
CMYK-C
0/100/100/0
CMYK-U
0/100/100/0
Anwendungsfälle: Logo, Hintergründe, Illustrationsakzente, Infografiken, Textelemente, UI‑Elemente, Icons
Blau 1
HEX
#78C3FF
RGB
120/195/255
PMS-C
284 C
PMS-U
2915 U
CMYK-C
55/10/0/0
CMYK-U
55/6/0/0
Blau 2
HEX
#C3E6FF
RGB
195/230/255
PMS-C
291 C
PMS-U
290 U
CMYK-C
30/0/0/0
CMYK-U
25/0/0/0
Blau 3
HEX
#E6F5FF
RGB
230/245/255
PMS-C
9400 C
PMS-U
9400 U
CMYK-C
10/0/0/0
CMYK-U
10/0/0/0
Anwendungsfälle: Hintergründe, Illustrationen, Infografiken, Textelemente, UI‑Elemente, Icons
Grau 1
HEX
#D7CDC3
RGB
215/205/195
PMS-C
7529 C 60 %
PMS-U
7529 U 60 %
CMYK-C
0/5/10/20
CMYK-U
0/5/10/20
Grau 2
HEX
#EBE6E1
RGB
235/230/225
PMS-C
7529 C 40 %
PMS-U
7529 U 40 %
CMYK-C
0/5/10/10
CMYK-U
0/5/10/10
Grau 3
HEX
#F5F1EF
RGB
245/241/239
PMS-C
7529 C 20 %
PMS-U
7529 U 20 %
CMYK-C
5/5/5/0
CMYK-U
5/5/5/0
Anwendungsfälle: Hintergründe, Illustrationen, Infografiken, Textelemente, UI‑Elemente, Icons
Funktionale Farben unterstützen praktische und barrierefreie Anwendungen innerhalb der Palette.
Schwarz
HEX
#000000
RGB
0/0/0
PMS-C
Black C
PMS-U
Black U
CMYK-C
0/0/0/100
CMYK-U
0/0/0/100
Anwendungsfälle: Logo, Textelemente
Weiss
HEX
#FFFFFF
RGB
255/255/255
PMS-C
n/a
PMS-U
n/a
CMYK-C
0/0/0/0
CMYK-U
0/0/0/0
Anwendungsfälle: Logo, Textelemente, Hintergründe
Best Practises
.png)
Barrierefreiheit
Barrierefreiheit bestimmt die Regeln für die Kombination der Primärfarben. Alle Primärfarb-Kombinationen folgen anerkannten Standards (WCAG 2, APCA), um ausreichenden Kontrast und gute Lesbarkeit sicherzustellen.
Nur Weiß
Nur Schwarz
Nur mehrfarbig & schwarz
Nur mehrfarbig & schwarz
Nur mehrfarbig & schwarz
Nur Weiß
Nur Weiß
Nur Schwarz
Nur mehrfarbig & schwarz
Nur mehrfarbig & schwarz
Nur Weiß
Nur Schwarz
Logo
Das Logo wird in der Primärpalette und auf Bildmaterial nach strengen Barrierefreiheitskriterien angewendet. Bevorzugt werden die schwarzen und weißen Logo-Varianten. AGRANA Red kann für das Logo verwendet werden, jedoch nur auf ausgewählten Hintergründen, die die Kontrastanforderungen erfüllen.
WCAG 2
APCA
Nur Weiß
Nur Schwarz
Mehrfarbig & Schwarz
Mehrfarbig & Schwarz
Mehrfarbig & Schwarz
Nur Weiß
Nur Weiß
Nur Schwarz
Mehrfarbig & Schwarz
Mehrfarbig & Schwarz
Nur Weiß
Nur Schwarz
Barrierefreiheit: Textelemente
Für Überschriften und Calls-to-Action darf AGRANA Red als Akzent auf ausgewählten Hintergründen verwendet werden, darunter Dark Red sowie die helleren Abstufungen von Blau und Grau.
Für Fließtext sind ausschließlich Weiß und Schwarz zulässig, um Lesbarkeit und Barrierefreiheit sicherzustellen.
WCAG 2
APCA
Nur Weiß
Nur Schwarz
Mehrfarbig & Schwarz
Mehrfarbig & Schwarz
Mehrfarbig & Schwarz
Nur Weiß
Nur Weiß
Nur Schwarz
Mehrfarbig & Schwarz
Mehrfarbig & Schwarz
Nur Weiß
Nur Schwarz
Barrierefreiheit: Grafische und interaktive Elemente
Die folgenden Regeln stellen sicher, dass grafische und interaktive Elemente in Print- und Digitalumgebungen lesbar und barrierefrei sind.
Sekundärpalette
Die Sekundärfarben erweitern die Kernpalette um eine klare, tonale Struktur. Es sind drei Farbtöne definiert. Pro Farbton stehen jeweils sechs Helligkeitsstufen zur Verfügung.
Dunkel
Grün 1
HEX
#004632
RGB
0/70/50
PMS-C
3308 C
PMS-U
336 U
CMYK-C
90/10/65/70
CMYK-U
90/30/75/30
Grün 2
HEX
#057855
RGB
5/120/85
PMS-C
341 C
PMS-U
2418 U
CMYK-C
95/0/75/30
CMYK-U
95/0/80/20
Lila 1
HEX
#320A8C
RGB
50/10/140
PMS-C
2371 C
PMS-U
2372 U
CMYK-C
90/90/0/20
CMYK-U
90/90/0/15
Lila 2
HEX
#5A46C8
RGB
90/70/200
PMS-C
2725 C
PMS-U
2736 U
CMYK-C
70/60/0/0
CMYK-U
70/60/0/0
Gelb 1
HEX
#781E00
RGB
120/30/0
PMS-C
7623 C
PMS-U
2350 U
CMYK-C
15/95/100/45
CMYK-U
10/95/100/20
Gelb 2
HEX
#DC5A00
RGB
220/90/0
PMS-C
717 C
PMS-U
717 U
CMYK-C
0/70/95/10
CMYK-U
0/60/100/5
Anwendungsfälle: Titel, Illustrationen, Infografiken, UI‑Elemente, Icons
Mittel
Grün 3
HEX
#48BE80
RGB
72/190/128
PMS-C
2417 C
PMS-U
2414 U
CMYK-C
75/0/65/0
CMYK-U
75/0/65/0
Grün 4
HEX
#78DCA5
RGB
120/220/165
PMS-C
346 C
PMS-U
345 U
CMYK-C
45/0/40/0
CMYK-U
45/0/40/0
Lila 3
HEX
#8C7DFF
RGB
140/125/255
PMS-C
2715 C
PMS-U
2725 U
CMYK-C
50/40/0/0
CMYK-U
45/40/0/0
Lila 4
HEX
#AFA5FF
RGB
175/165/255
PMS-C
2705 C
PMS-U
2715 U
CMYK-C
35/30/0/0
CMYK-U
35/30/0/0
Gelb 3
HEX
#FF9B2D
RGB
255/155/45
PMS-C
3588 C
PMS-U
144 U
CMYK-C
0/50/85/0
CMYK-U
0/45/85/0
Gelb 4
HEX
#FFD250
RGB
255/210/80
PMS-C
121 C
PMS-U
121 U
CMYK-C
0/15/75/0
CMYK-U
0/10/75/0
Anwendungsfälle: Hintergründe, Illustrationen, Infografiken, UI‑Elemente, Icons
Hell
Grün 5
HEX
#B9F8CD
RGB
185/248/205
PMS-C
2253 C
PMS-U
2253 U
CMYK-C
25/0/25/0
CMYK-U
20/0/20/0
Grün 6
HEX
#D7FFE1
RGB
215/255/225
PMS-C
621 C
PMS-U
9041 U
CMYK-C
10/0/10/0
CMYK-U
10/0/10/0
Lila 5
HEX
#D2CDFF
RGB
210/205/255
PMS-C
7444 C
PMS-U
2705 U
CMYK-C
20/15/0/0
CMYK-U
20/15/0/0
Lila 6
HEX
#F0EDFF
RGB
240/237/255
PMS-C
7443 C
PMS-U
7443 U
CMYK-C
7/9/0/0
CMYK-U
7/9/0/0
Gelb 5
HEX
#FFFA87
RGB
255/250/135
PMS-C
602 C
PMS-U
3935 U
CMYK-C
0/0/55/0
CMYK-U
0/0/50/0
Gelb 6
HEX
#FFFFD7
RGB
255/255/215
PMS-C
9020 C
PMS-U
9020 U
CMYK-C
0/0/15/0
CMYK-U
0/0/15/0
Anwendungsfälle: Hintergründe, Illustrationen, Infografiken, UI‑Elemente, Icons
Best Practices
Einige Anwendungsbeispiele für die Sekundärfarbpalette.
.png)
Barrierefreiheit
Barrierefreiheit definiert die Regeln für die Kombination von Sekundär- und Primärfarben. Alle Kombinationen aus Sekundär- und Primärfarben folgen anerkannten Standards (WCAG 2, APCA), um ausreichenden Kontrast und gute Lesbarkeit sicherzustellen.
Dunkel
Nur Weiß
Nur Weiß
Nur Weiß
Nur Weiß
Nur Weiß
Nur Weiß
Mittel
Nur Schwarz
Nur Schwarz
Nur Schwarz
Nur Schwarz
Nur Schwarz
Nur Schwarz
Hell
Nur Schwarz
Nur Schwarz
Nur Schwarz
Nur Schwarz
Nur Schwarz
Nur Schwarz
WCAG 2
APCA
Logo
Das Logo wird in der Sekundärpalette nach strengen Barrierefreiheitskriterien angewendet. Auf Sekundärfarben sind ausschließlich die schwarzen und weißen Logo-Varianten zulässig. Das mehrfarbige Logo darf auf sekundären Hintergründen nicht verwendet werden.
Dunkel
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Mittel
Nur Schwarz
Nur Schwarz
Nur Schwarz
Nur Schwarz
Nur Schwarz
Nur Schwarz
Hell
Nur Schwarz & dunkle Farben
Schwarz, dunkle Farben
+ AGRANA Red
Nur Schwarz & dunkle Farben
Schwarz, dunkle Farben
+ AGRANA Red
Nur Schwarz & dunkle Farben
Schwarz, dunkle Farben
+ AGRANA Red
Textelemente
Für Überschriften und Calls-to-Action darf AGRANA Red ausschließlich auf hellen Hintergründen als Akzent verwendet werden. Für Fließtext sind nur Weiß und Schwarz zu verwenden, um Lesbarkeit und Barrierefreiheit sicherzustellen.
Dunkel
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Nur Weiß & helle Farben
Mittel
Nur Schwarz & helle Farben
Nur Schwarz & dunkle Farben
Nur Schwarz & helle Farben
Nur Schwarz & dunkle Farben
Nur Schwarz & helle Farben
Nur Schwarz & dunkle Farben
Hell
Schwarz, dunkle Farben
+ AGRANA Red
Schwarz, dunkle Farben
+ AGRANA Red
Schwarz, dunkle Farben
+ AGRANA Red
Schwarz, dunkle Farben
+ AGRANA Red
Schwarz, dunkle Farben
+ AGRANA Red
Schwarz, dunkle Farben
+ AGRANA Red
Grafische und interaktive Elemente
Die folgenden Regeln stellen sicher, dass grafische und interaktive Elemente in Print- und Digitalumgebungen lesbar und barrierefrei bleiben.
AGRANA Red kann für grafische und interaktive Elemente verwendet werden, jedoch nur auf sehr hellen Hintergründen.
Farbmanagement
Farbmanagement stellt sicher, dass Farben über alle Medien hinweg konsistent erscheinen. Verwende RGB oder HEX für digitale Anwendungen, Pantone oder CMYK für den Druck sowie RAL für physische Materialien und Umgebungsanwendungen.
Gehe stets von den definierten Masterwerten aus und konvertiere in den erforderlichen Modus; kein visuelles Angleichen. Weise jedem finalen Asset nur einen Farbmodus zu und vermeide Mischungen. Prüfe nach der Konvertierung Kontrast und Lesbarkeit vor der Freigabe.
Digital
RGB
Für digitale Anwendungen und Screen-Formate wird ausschließlich der RGB-Modus verwendet. RGB bietet den größten Farbraum und sorgt für farbkräftige, konsistente Ergebnisse in allen digitalen Assets.
Druck
Pantone
Für Owned Media und hochwertige Druckanwendungen ist stets der Pantone-Modus zu verwenden. Pantone gewährleistet die stärksten und farbkräftigsten Farbergebnisse, die im Druck realisierbar sind.
CMYK
Für Paid Media und kosteneffizienten Druck wird konsequent der CMYK-Modus verwendet.
RAL
Für Beschilderungen und räumliche Gestaltungselemente sind grundsätzlich RAL-Farben zu verwenden, um präzise und konsistente Ergebnisse sicherzustellen.
Druckverfahren und Farbwiedergabe
Die Wahl des geeigneten Druckverfahrens stellt sicher, dass die AGRANA-Palette präzise wiedergegeben wird.
Die Farbpalette ermöglicht sowohl 4‑farbigen Offsetdruck als auch den Einsatz von Sonderfarben und sorgt damit bei größeren Auflagen für konsistente Markenfarben. Im Digitaldruck werden sowohl 4‑farbige als auch erweiterte 5‑ bis 7‑farbige Verfahren unterstützt, was mehr Flexibilität und einen größeren Farbraum bietet.
Die Entscheidung für ein Druckverfahren hängt von der erforderlichen Farbtreue, der Auflagenhöhe und der Anwendung ab.
Don'ts
Die folgenden Richtlinien zeigen, was bei der Farbnutzung zu vermeiden ist und was nicht zulässig ist. Für detaillierte Anweisungen zu einzelnen Elementen siehe das jeweilige Kapitel des Elements.
Wir verwenden keine dunklen Abstufungen als Hintergründe
Um den hellen und frischen Markencharakter zu bewahren, nutzen wir als dunkle Hintergrundoption ausschließlich Dark Red und das nur selektiv. Dunklere Abstufungen dienen nur dazu, in hellen Kompositionen Kontrast zu erzeugen.
Wir verwenden keine Sekundärfarben für das Logo
Zulässig sind ausschließlich Weiß, Schwarz und das mehrfarbige Logo.
Wir verwenden keine Primärfarben für Text
Ausschließlich AGRANA Red darf in Textelementen eingesetzt werden, jedoch nur in ausgewählten Fällen. Bevorzugte Farben sind Schwarz und Weiß.
Wir verwenden keine kontrastarmen Farbkombinationen
Bei Text- und Grafikelementen sind die definierten Farbkombinationen einzuhalten, um Barrierefreiheit und Lesbarkeit sicherzustellen.
Wir verwenden AGRANA Red nur, wenn es explizit vorgesehen ist
Um seine Prägnanz und Lesbarkeit zu bewahren, darf AGRANA Red ausschließlich auf den definierten Farben und Hintergründen eingesetzt werden.
Wir setzen Sekundärfarben nicht auf primären Touchpoints ein
Für Wiedererkennbarkeit und einprägsame Markenführung nutzen wir auf primären Touchpoints wie Visitenkarten oder Briefbögen ausschließlich die Primärfarben.
