Farben

Warm und einladend, klar und präzise: unsere Farben verbinden Mensch und Maschine, sind von der Natur inspiriert und machen Technologie greifbar.

Primärfarben

Salbei
Helle Flächen- und Akzentfarbe

HEX #BCCFD2⁠
RGB 188/207/210⁠
CMYK 30/11/16/2

Mitternachtsgrün
für Logovarianten und als Hintergrundfarbe

HEX #254950
RGB 37/73/80
CMYK 76/41/42/55

Sekundärfarben

Naturweiß
Helle Hintergrundfarbe

HEX #FAF9F5
RGB 250/249/245
CMYK 2/2/5/0

Sand
Gedämpfte Hintergrundfarbe zur subtilen Trennung von Abschnitten, Themen und Funktionen

HEX #F0EEE6
RGB 240/238/230
CMYK 7/5/11/0

Kohlenstoff
Hintergrundfarbe für Footer und Buttons, Textfarbe auf hellen Flächen

HEX #161513
RGB 22/21/19
CMYK 0/0/0/100

Koralle
Sparsam eingesetzte Akzent- und Aufmerksamkeitsfarbe

HEX #F07147
RGB 240/113/71
CMYK 0/67/73/0

Schattierungen

Schattierungen zwischen den beiden Primärfarben können u.a. bei Infografiken eingesetzt werden.

Schattierung 1
HEX #43646A
RGB 67/100/106
CMYK 67/35/38/40

Schattierung 2
HEX #617F84
RGB 97/127/132
CMYK 58/29/33/27

Schattierung 3
HEX #7F9A9E
RGB 127/154/158
CMYK 49/23/29/16

Schattierung 4
HEX #9DB5B8
RGB 157/181/184
CMYK 40/16/23/7

Helle Schattierungen der Sekundärfarbe Kohlenstoff kommen u.a. im Nachtmodus der Website.

Basalt
HEX #262624
RGB 38/38/36
CMYK 67/56/56/76

Graphit
HEX #4D4C49
RGB 77/76/73
CMYK 56/47/49/54

Quarz
HEX #A09D92
RGB 160/157/146
CMYK 35/28/36/16

Barrierefreiheit

Die Kombinationen für Text- und Hintergrundfarben erfüllen die internationalen Richtlinien zur barrierefreien Gestaltung (WCAG).

Farbkontrastprüfer

Dunkler Hintergrund, weiße Textfarbe.

HEX #FFFFFF
RGB 255/255/255
CMYK 0/0/0/0

Weißer Hintergrund, dunkle Textfarbe.

HEX #161513
RGB 22/21/19
CMYK 0/0/0/100

Gedämpfter Hintergrund, dunkle Textfarbe.

HEX #161513
RGB 22/21/19
CMYK 0/0/0/100

Signal-Hintergrund, dunkle Textfarbe.

HEX #161513
RGB 22/21/19
CMYK 0/0/0/100