# Off-Brand Farben.

In wenigen Fällen lässt sich das SBB-Rot nicht als Primärfarbe verwenden. Beispielsweise darf die Farbe Rot in sicherheitsrelevanten Anwendungen auschliesslich zur Kommunikation von Fehlern genutzt werden. In diesen Fällen darf die Primärfarbe (Red, Red125, Red150) durch die folgenden Farben ersetzt werden:

###### Royal-Dark

HEX: #0053EF  

RGB: R:0 G:83 B:239

###### Royal-Light

HEX: #06348B  

RGB: R:6 G:52 B:139

###### Royal125-Dark

HEX: #245ECB  

RGB: R:36 G:94 B:203

###### Royal125-Light

HEX: #032668  

RGB: R:3 G:38 B:104

###### Royal150-Dark

HEX: #3C65B3  

RGB: R:60 G:101 B:179

###### Royal150-Light

HEX: #021C4E  

RGB: R:2 G:28 B:78

###### Royal85-Dark

HEX: #4077DF  

RGB: R:64 G:119 B:223

###### Royal85-Light

HEX: #4077DF  

RGB: R:64 G:119 B:223

In welchen Fällen die Farben ersetzt werden dürfen und wie dies technisch umgesetzt werden kann, ist in der Dokumentation des Design Systems zu finden.

## Design tokens

In code, use the semantic CSS variables of Lyne (e.g. `--sbb-background-color-1`, `--sbb-color-1`, `--sbb-color-primary`); they adapt to light/dark mode and to the off-brand and safety themes. Base colors are available as `--sbb-color-*` (additional and off-brand colors also as `-light` / `-dark` values for light and dark mode). Mapping and examples: https://digital.sbb.ch/de/design-system/lyne/design-tokens/color/index.md

---

Source: https://digital.sbb.ch/de/foundation/colors/off-brand-colors/