Zum Inhalt springen
Handbuch wien.gv.at
Startseite wien.gv.at

Farben

Die folgenden Farben und Farbkombinationen dürfen eingesetzt werden. Mehr Hintergrundinformationen finden Sie im CD-Manual - Grundelemente: Farben.

Markenfarben

Wien Rot

  • LCH: oklch(63% 0.26 29.23)
  • CMYK: 0 100 100 0
  • PMS: 485C
  • HEX: #ff0000
  • Token: wm-color-wien

Fast Schwarz

  • LCH: oklch(28% 0 0)
  • CMYK: 0 0 0 95
  • PMS: 447C
  • HEX: #292929
  • Token: wm-color-fastschwarz

Weiss

  • LCH: oklch(100% 0 0)
  • CMYK: 0 0 0 0
  • HEX: #FFFFFF
  • Token: wm-color-weiss

Abendstimmung

  • LCH: oklch(33% 0.08 325.09)
  • CMYK: 70 95 30 10
  • PMS: 520C
  • HEX: #49274b
  • Token: wm-color-abendstimmung

Abendstimmung Light

  • LCH: oklch(85% 0.02 325.86)
  • CMYK: 10 20 0 0
  • PMS: 30% 520C
  • HEX: #d4c8d4
  • Token: wm-color-abendstimmung-light

Flieder

  • LCH: oklch(77% 0.11 283.42)
  • CMYK: 45 35 0 0
  • PMS: 3558C
  • HEX: #aaaafa
  • Token: wm-color-flieder

Flieder Light

  • LCH: oklch(93% 0.03 287.64)
  • CMYK: 15 10 0 0
  • PMS: 30% 3558C
  • HEX: #e6e5fe
  • Token: wm-color-flieder-light

Morgenrot

  • LCH: oklch(69% 0.2 20.65)
  • CMYK: 0 70 55 0
  • PMS: 2346C
  • HEX: #ff5a64
  • Token: wm-color-morgenrot

Morgenrot Light

  • LCH: oklch(89% 0.06 14.12)
  • CMYK: 0 20 15 0
  • PMS: 30% 2346C
  • HEX: #ffced1
  • Token: wm-color-morgenrot-light

Frischgrün

  • LCH: oklch(79% 0.14 144.14)
  • CMYK: 50 0 50 0
  • PMS: 2255C
  • HEX: #82d282
  • Token: wm-color-frischgruen

Frischgrün Light

  • LCH: oklch(91% 0.05 145.07)
  • CMYK: 15 0 25 0
  • PMS: 30% 2255C
  • HEX: #cdedcd
  • Token: wm-color-frischgruen-light

Goldgelb

  • LCH: oklch(83% 0.16 97.44)
  • CMYK: 5 5 80 5
  • PMS: 458C
  • HEX: #e6c828
  • Token: wm-color-goldgelb

Goldgelb Light

  • LCH: oklch(95% 0.07 98.94)
  • CMYK: 2 2 25 0
  • PMS: 30% 458C
  • HEX: #f8efbd
  • Token: wm-color-goldgelb-light

Nebelgrau

  • LCH: oklch(86% 0.01 76.41)
  • CMYK: 6 7 10 11
  • PMS: Warm Grey 1C
  • HEX: #d6d1ca
  • Token: wm-color-nebelgrau

Nebelgrau Light

  • LCH: oklch(95.91% 0.003 67.78)
  • CMYK: 4 4 5 0
  • PMS: 30% Warm Grey 1C
  • HEX: #f3f1ef
  • Token: wm-color-nebelgrau-light

Wasserblau

  • LCH: oklch(80% 0.09 216.1)
  • CMYK: 50 0 0 0
  • HEX: #73cee5
  • Token: wm-color-wasserblau

Wasserblau Light

  • LCH: oklch(94% 0.04 229.37)
  • CMYK: 15 0 0 0
  • HEX: #d2f0ff
  • Token: wm-color-wasserblau-light

UI Farben

Farben, die nicht Teil des offiziellen Corporate Design sind, sondern nur unterstützend im Web eingesetzt werden.

Interaktiv

  • LCH: oklch(44% 0.09 282.1)
  • HEX: #4b4b82
  • Token: wm-color-ui-interactive

Fehler

  • LCH: oklch(41% 0.17 29.23)
  • HEX: #910000
  • Token: wm-color-ui-error

Erfolg

  • LCH: oklch(40% 0.09 160.8)
  • HEX: #005738
  • Token: wm-color-ui-success

Link

  • LCH: oklch(45% 0.17 263.3)
  • HEX: #1f4baf
  • Token: wm-color-ui-link

Link Besucht

  • LCH: oklch(53% 0.23 326.26)
  • HEX: #1f4baf
  • Token: wm-color-ui-link-visited

Farben im Stadtplan

Farben für Verkehrsflächen und Gewässer im Stadtplan.

Wasserblau

  • LCH: oklch(80% 0.09 216.1)
  • CMYK: 50 0 0 0
  • HEX: #73cee5
  • Token: wm-color-wasserblau

Verkehrsflächen

  • LCH: oklch(70% 0 0)
  • CMYK: 0 0 0 45
  • HEX: #9d9d9d
  • Token: Nicht verfügbar

Farben in Informationsgrafiken

Für größere Vielfalt in Informationsgrafiken ergänzen Farbabstufungen die Markenfarben von wien.gv.at.

Farbabstufungen sind ausschließlich für die Darstellung von Informationsgrafiken zulässig.

Abendstimmung Abstufung 1

  • LCH: oklch(95% 0.01 0)
  • CMYK: 4 8 0 0
  • HEX: #f0ebf0
  • Token: Nicht verfügbar

Abendstimmung Abstufung 2

  • LCH: oklch(65% 0.06 331.14)
  • CMYK: 24 37 4 0
  • HEX: #a582a0
  • Token: Nicht verfügbar

Abendstimmung Abstufung 3

  • LCH: oklch(50% 0.08 322.02)
  • CMYK: 38 57 5 0
  • HEX: #7b5481
  • Token: Nicht verfügbar

Abendstimmung Abstufung 4

  • LCH: oklch(38% 0.08 327.04)
  • CMYK: 55 75 15 5
  • HEX: #583158
  • Token: Nicht verfügbar

Abendstimmung

  • LCH: oklch(33% 0.08 325.09)
  • CMYK: 70 95 30 10
  • PMS: 520C
  • HEX: #49274b
  • Token: wm-color-abendstimmung

Morgenrot Abstufung 1

  • LCH: oklch(93% 0.03 17.77)
  • CMYK: 0 10 7 0
  • HEX: #ffe1e1
  • Token: Nicht verfügbar

Morgenrot Abstufung 2

  • LCH: oklch(80% 0.11 19.87)
  • CMYK: 0 50 30 0
  • HEX: #ffa0a0
  • Token: Nicht verfügbar

Morgenrot Abstufung 3

  • LCH: oklch(71% 0.17 22.48)
  • CMYK: 0 70 50 0
  • HEX: #fa6e6e
  • Token: Nicht verfügbar

Morgenrot Abstufung 4

  • LCH: oklch(53% 0.22 29.23)
  • CMYK: 0 90 80 0
  • HEX: #cd0000
  • Token: Nicht verfügbar

Morgenrot Abstufung 5

  • LCH: oklch(41% 0.17 29.23)
  • CMYK: 0 100 100 25
  • HEX: #910000
  • Token: Nicht verfügbar

Flieder Abstufung 1

  • LCH: oklch(82% 0.08 278.35)
  • CMYK: 27 18 0 0
  • HEX: #b8c0fa
  • Token: Nicht verfügbar

Flieder Abstufung 2

  • LCH: oklch(72% 0.09 278.93)
  • CMYK: 39 28 0 0
  • HEX: #99a0de
  • Token: Nicht verfügbar

Flieder Abstufung 3

  • LCH: oklch(59% 0.08 283.59)
  • CMYK: 53 41 2 0
  • HEX: #7878af
  • Token: Nicht verfügbar

Flieder Abstufung 4

  • LCH: oklch(44% 0.09 282.1)
  • CMYK: 70 62 9 0
  • HEX: #4b4b82
  • Token: Nicht verfügbar

Flieder Abstufung 5

  • LCH: oklch(39% 0.08 291.26)
  • CMYK: 80 80 10 10
  • HEX: #463c6e
  • Token: Nicht verfügbar

Frischgrün Abstufung 1

  • LCH: oklch(85% 0.08 154.31)
  • CMYK: 29 0 35 0
  • HEX: #a7deb8
  • Token: Nicht verfügbar

Frischgrün Abstufung 2

  • LCH: oklch(68% 0.1 148.75)
  • CMYK: 44 4 46 0
  • HEX: #6baa76
  • Token: Nicht verfügbar

Frischgrün Abstufung 3

  • LCH: oklch(58% 0.09 148.15)
  • CMYK: 58 6 56 3
  • HEX: #568a5e
  • Token: Nicht verfügbar

Frischgrün Abstufung 4

  • LCH: oklch(49% 0.11 158.55)
  • CMYK: 77 20 70 4
  • HEX: #007448
  • Token: Nicht verfügbar

Frischgrün Abstufung 5

  • LCH: oklch(40% 0.09 160.8)
  • CMYK: 82 31 73 18
  • HEX: #005738
  • Token: Nicht verfügbar

Goldgelb Abstufung 1

  • LCH: oklch(93% 0.16 100.58)
  • CMYK: 4 4 55 0
  • HEX: #ffe958
  • Token: Nicht verfügbar

Goldgelb Abstufung 2

  • LCH: oklch(89% 0.18 99.85)
  • CMYK: 5 6 84 6
  • HEX: #f8dc0c
  • Token: Nicht verfügbar

Goldgelb Abstufung 3

  • LCH: oklch(76% 0.16 98.06)
  • CMYK: 10 13 100 14
  • HEX: #cbb000
  • Token: Nicht verfügbar

Goldgelb Abstufung 4

  • LCH: oklch(64% 0.13 95.07)
  • CMYK: 19 24 100 23
  • HEX: #a58a00
  • Token: Nicht verfügbar

Goldgelb Abstufung 5

  • LCH: oklch(55% 0.11 95.99)
  • CMYK: 25 31 100 37
  • HEX: #857000
  • Token: Nicht verfügbar

Nebelgrau Abstufung 1

  • LCH: oklch(94% 0.01 0)
  • CMYK: 3 3 5 5
  • HEX: #eeeae4
  • Token: Nicht verfügbar

Nebelgrau Abstufung 2

  • LCH: oklch(72% 0.01 0)
  • CMYK: 4 5 10 2
  • HEX: #a6a39d
  • Token: Nicht verfügbar

Nebelgrau Abstufung 3

  • LCH: oklch(58% 0.01 0)
  • CMYK: 2 4 7 43
  • HEX: #7d7977
  • Token: Nicht verfügbar

Nebelgrau Abstufung 4

  • LCH: oklch(48% 0 0)
  • CMYK: 1 2 7 65
  • HEX: #605e5e
  • Token: Nicht verfügbar

Nebelgrau Abstufung 5

  • LCH: oklch(41% 0 0)
  • CMYK: 0 0 0 80
  • HEX: #4c4a4a
  • Token: Nicht verfügbar

Farbanwendungen

Das Kontrastverhältnis muss den Anforderungen der WCAG 2.2 Richtlinien entsprechen.

Farbkombinationen

  • Nur Flächen des gleichen Farbtons dürfen aneinander stoßen.
  • Ausnahme: Wenn Grau als Menüleiste verwendet wird.
  • Grau kann mit allen Markenfarben aneinander stoßen.

Positivbeispiele

Negativbeispiele

Flächen unterschiedlicher Farbtöne müssen durch weisse Flächen getrennt werden.

Positivbeispiele

Negativbeispiele

Text auf 100%-Farbflächen
  • Schriftfarbe muss Hex: #292929 haben.
  • Ausnahme: "Abendstimmung", hier ist die Schriftfarbe Hex: #FFFFFF

Positivbeispiele

Aa
Aa
Aa
Aa
Aa
Aa
Aa

Text auf 30%-Farbflächen
  • Schriftfarbe muss Hex: #292929 haben.
Aa
Aa
Aa
Aa
Aa
Aa
Aa

Ineinander liegende Farbflächen
  • Dürfen nur vom gleichen Farbton oder Weiß sein.

Icons oder Illustrationen
  • Icons oder Illustrationen, die relevante Information beinhalten, müssen die Farbe Hex: #292929 haben.
  • Ausnahme: "Abendstimmung", hier ist die Farbe Hex: #FFFFFF.
  • Icons oder Illustrationen, die zur Zierde verwendet werden, können den gleichen Farbton oder Weiß verwenden.
  • Alle verfügbaren Icons und Illustrationen für den Einsatz auf wien.gv.at finden Sie auf der Seite Icons und Illustrationen

Hintergrundfarben

Die Standard-Hintergrundfarbe für Sections mit Cards, Text, Filter et cetera auf wien.gv.at ist Nebelgrau Light. Nach Absprache sind in Ausnahmefällen und bei Sonderauftritten alle Markenfarben Light möglich.

Kontakt

Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht bietet?

handbuch@ma53.wien.gv.at