Color
Class: honeyyellow
Hex: #f6ae2d
Class: androidgreen
Hex: #95c03d
Class: queenblue
Hex: #33658a
Class: darkskyblue
Hex: #86bbd8
Class: isabelline
Hex: #efefea
Class: ghostwhite
Hex: #f6f7fc
Alle Farben mit Schattierungen
Lava
Logo-Farbe als Richtwert für alle anderen Farben, Schmuckfarben und Schattierungen.
Name: Lava (light)
Class: lava-light
Hex: #e32633
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
Name: Lava
Class: lava
Hex: #c31924
RGB: 195, 25, 36
CMYK: 0, 87, 82, 24
Name: Lava (dark)
Class: lava-dark
Hex: #a2151f
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
'lava-gradient' als Klasse angewendet.
Verlauf ändert sich bei Mauseover.
Honey Yellow
Kontrastfarbe zu Lava und Schmuckfarbe.
Name: Lava (light)
Class: honeyyellow-light
Hex: #f8c462
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
Name: Lava
Class: honeyyellow
Hex: #f6ae2d
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
Name: Lava (dark)
Class: honeyyellow-dark
Hex: #f5a614
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
'honeyyellow-gradient' als Klasse angewendet.
Verlauf ändert sich bei Mauseover.
Android Green
Hauptsächliche Anwendung bei reinpapier und Umwelt-Plaketten.
Name: Android Green (light)
Class: androidgreen-light
Hex: #abce64
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
Name: Android Green
Class: androidgreen
Hex: #95c03d
RGB: 149, 192, 61
CMYK: 22, 0, 68, 25
Name: Android Green (dark)
Class: androidgreen-dark
Hex: #84ab36
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
'androidgreen-gradient' als Klasse angewendet.
Verlauf ändert sich bei Mauseover.
Onyx
Anwendung für Störbalken (CTA) und Footer.
Name: Onyx (light)
Class: onyx-light
Hex: #525252
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
Name: Onyx
Class: onyx
Hex: #3d3d3d
RGB: 149, 192, 61
CMYK: 22, 0, 68, 25
Name: Onyx (dark)
Class: onyx-dark
Hex: #292929
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
'onyx-gradient' als Klasse angewendet.
Verlauf ändert sich bei Mauseover.
Isabelline
Hintergrundfarbe Schmuckfarbe.
Name: Isabelline
Class: isabelline
Hex: #efefea
RGB:
CMYK:
Ghostwhite
Hintergrundfarbe für interaktive Elemente und Formulare.
Name: Ghostwhite
Class: ghostwhite
Hex: #f6f7fc
RGB:
CMYK:
Queenblue
Schmuckfarbe.
Name: Queenblue (light)
Class: queenblue-light
Hex: #4282b3
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
Name: Queenblue
Class: queenblue
Hex: #33658a
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
Name: Queenblue (dark)
Class: queenblue-dark
Hex: #2c5777
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
'queenblue-gradient' als Klasse angewendet.
Verlauf ändert sich bei Mauseover.
Darkskyblue
Schmuckfarbe.
Name: Darkskyblue (light)
Class: darkskyblue-light
Hex: #b2d4e6
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
Name: Darkskyblue
Class: darkskyblue
Hex: #86bbd8
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
Name: Darkskyblue (dark)
Class: darkskyblue-dark
Hex: #74b1d2
RGB: 0, 0, 0
CMYK: 0, 0, 0, 0
'darkskyblue-gradient' als Klasse angewendet.
Verlauf ändert sich bei Mauseover.