Farben

Das RUB-Blau ist unsere Hauptfarbe. Wir setzen es in der gesamten Kommunikation konsequent ein, denn es macht uns auf den ersten Blick erkennbar. Darüber hinaus nutzen wir Sekundärfarben, um das Erscheinungsbild flexibler zu machen und in der Wirkung freundlicher und diverser zu sein.

Download Farbpalette ↓

Das Wichtigste in Kürze

Hauptfarbe

Das RUB Blau ist das Fundament unseres Erscheinungsbildes. Es prägt unsere Kommunikation und schafft Wiedererkennung. Wir setzen auf Weißraum und großzügige Gestaltung. Graue Flächen möchten wir vermeiden.

**RUB Blau**
Hex #003560
RGB (0, 53, 96)
CMYK (100, 50, 0, 60)
Pantone 540

**Weiß**
Hex #FFFFFF
RGB (255, 255, 255)
CMYK (0,0,0,0)

Ergänzende Farben

Neben dem RUB-Blau setzen wir ergänzende Farben ein. Diese bestehen aus sechs Farbgruppen. Jede Farbgruppe umfasst eine kräftige Volltonfarbe und eine zugehörige hellere Abstufung.

Keine exklusiven Farben: Wir benutzen bewusst keine Codierung der Farben (z.B. Orange kennzeichnet Fakultät XY). Jede*r kann die Farben je nach Gestaltungskontext verwenden

**RUB Hellblau 100**
Hex #66B3FB
RGB (102, 179, 251)
CMYK (60, 10, 0, 0)
Pantone 2915

**RUB Lila 100**
Hex #BB97FF
RGB (187, 151, 255)
CMYK (45, 45, 0, 0)
Pantone 2645

**RUB Rosa 100**
Hex #F878DC
RGB (248, 120, 220)
CMYK (10, 70, 0, 0)
Pantone 2375

**RUB Hellblau 50**
Hex #DCEBFB
RGB (220, 235, 251)
CMYK (15, 0, 0, 0)
Pantone 545

**RUB Lila 50**
Hex #E9DCFB
RGB (233, 220, 251)
CMYK (10, 15, 0, 0)
Pantone 7444

**RUB Rosa 50**
Hex #FBDCF6
RGB (251, 220, 246)
CMYK (0, 20, 0, 0)
Pantone 7436

**RUB Orange 100**
Hex #FF7C5F
RGB (255, 124, 95)
CMYK (0, 60, 60, 0)
Pantone 2024

**RUB Gelb 100**
Hex #FFDF41
RGB (255, 223, 65)
CMYK (0, 0, 80, 0)
Pantone 115

**RUB Grün 100**
Hex #37DE6F
RGB (55, 222, 111)
CMYK (60, 0, 70, 0)
Pantone 7479

**RUB Orange 50**
Hex #FFDDD6
RGB (255, 221, 214)
CMYK (0, 20, 15, 0)
Pantone 489

**RUB Gelb 50**
Hex #FFF3CD
RGB (255, 243, 205)
CMYK (0, 0, 25, 0)
Pantone 7499

**RUB Grün 50**
Hex #D3F7D4
RGB (211, 247, 212)
CMYK (20, 0, 25, 0)
Pantone 566

Für die Gestaltung

Eine Farbgruppe pro Medium (Seite / Social Media Post)

Die Farbgruppe ist frei wählbar, je nach Bedarf, Thema und gewünschter Wirkung. So gelingt eine leise, sachliche Gestaltung etwa mit dem hellblauen Farbschema, während Orange und Gelb aktivierender wirken. Die Farben können aber auch frei nach eigenem Ermessen eingesetzt werden. Wichtig ist, dass wir in der Gesamtwirkung vielfältig und lebendig bleiben.

Wichtig ist: Pro Medium verwenden wir nur eine Farbgruppe. Das Kombinieren verschiedener Farbgruppen ist nicht zulässig.

Barrierefreie Textfarben

Schrift setzen wir auf allen Farbgruppen grundsätzlich in RUB-Blau. Eine Ausnahme bildet weiße Schrift auf RUB-blauem Hintergrund.

Barrierefreiheit: Damit unsere Inhalte für alle Menschen gut lesbar sind, achten wir auf ausreichende Kontraste zwischen Schrift und Hintergrund. Die definierten Farbkombinationen erfüllen die Anforderungen der WCAG-Richtlinien für barrierefreie Kommunikation. Wenn wir uns an die vorgegebenen Textfarben und Farbabstufungen halten, stellen wir sicher, dass unsere Kommunikation barrierefrei bleibt.

Die WCAG-Richtlinien gelten zwar nur für digitale Anwendungen. Für gedruckte Medien bieten die Richtlinien aber ebenso eine gute Orientierung. (z.B. ist eine gelbe Schrift weder digital noch im Druck gut lesbar).

Als großen Text bezeichnen wir Schrift ab 24 px (oder ab 19 px bei fetter Schrift). Alles darunter gilt als kleiner Text. Für kleinen Text gelten strengere Kontrastanforderungen als für großen Text. Wenn wir uns an die vorgegebenen Textfarben und Farbabstufungen halten, bleibt unsere Kommunikation barrierefrei.

Um ausreichend Kontrast zu gewährleisten, beachten wir folgende Regel: Auf den Vollfarben (100) nutzen wir im digitalen Raum nur große Schrift. Kleine Schrift darf auch auf helleren Farbabstufungen (50) verwendet werden. So stellen wir sicher, dass die Schrift sowohl in digitalen die als auch in gedruckten Medien gut lesbar bleibt.

Kleiner Text: AAA mit RUB Blau Hintergrund

Kleiner Text: AAA mit weißem Hintergrund

**RUB Hellblau 100** 
Großer Text: AAA, Kleiner Text: AA
**RUB Hellblau 50** 
Großer Text: AAA, Kleiner Text: AAA

**RUB Lila 100** 
Großer Text: AAA, Kleiner Text: AA
**RUB Lila 50** 
Großer Text: AAA, Kleiner Text: AAA

**RUB Rosa 100** 
Großer Text: AAA, Kleiner Text: AA
**RUB Rosa 50** 
Großer Text: AAA, Kleiner Text: AAA

**RUB Orange 100** 
Großer Text: AAA, Kleiner Text: AA
**RUB Orange 50** 
Großer Text: AAA, Kleiner Text: AAA

**RUB Gelb 100** 
Großer Text: AAA, Kleiner Text: AA
**RUB Gelb 50** 
Großer Text: AAA, Kleiner Text: AAA

**RUB Grün 100** 
Großer Text: AAA, Kleiner Text: AA
**RUB Grün 50** 
Großer Text: AAA, Kleiner Text: AAA

Farben für Infografiken

Für Infografiken und Datenvisualisierungen haben wir eine eigene Farbpalette definiert. Der Grund: Unsere ergänzenden Farben sind für Layouts und Gestaltungsflächen optimiert, bieten jedoch nicht immer ausreichend Kontrast, um in Diagrammen oder Schaubildern zuverlässig unterschieden zu werden. 

Die Infografik-Farben erfüllen einen Mindestkontrast von 3:1 auf weißem Hintergrund. Zusätzlich wurden sie so gewählt, dass auch Menschen mit Farbsehschwäche sie möglichst voneinander unterscheiden können. Mit dieser Farbpalette stellen wir sicher, dass unsere Infografiken für möglichst viele Menschen verständlich sind.