Dies ist eine alte Version des Handbuchs und der Pattern Library (v1). Bitte wechseln Sie zur aktuellen Version (v2).

Zum Inhalt springen Barrierefreiheit auf wien.gv.at
Handbuch wien.gv.at

Farben

Markenfarben

  • Wien Rot

    Rot ist die Farbe der Stadt Wien. Sie ist historisch mit der Stadt verbunden und findet ihren Hauptausdruck im Wappen der Stadt. Auf wien.gv.at wird Rot nicht vollflächig eingesetzt.

    key: wien
    Hex: #ff0000
    rgb: rgb(255, 0, 0)
    PMS: 485C
    CMYK: 0 100 100 0

  • Fast Schwarz

    key: fastschwarz
    Hex: #292929
    rgb: rgb(41, 41, 41)
    PMS: 447C
    CMYK: 0 0 0 95

  • Weiss

    key: weiss
    Hex: #ffffff
    rgb: rgb(255, 255, 255)
    CMYK: 0 0 0 0

  • Morgenrot

    key: morgenrot
    Hex: #ff5a64
    rgb: rgb(255, 90, 100)
    PMS: 2346C
    CMYK: 0 70 55 0

  • Morgenrot Leicht

    key: morgenrot-light
    Hex: #ffced1
    rgb: rgb(255, 206, 209)
    PMS: 30% 2346C
    CMYK: 0 20 15 0

  • Flieder

    key: flieder
    Hex: #aaaafa
    rgb: rgb(170, 170, 250)
    PMS: 3558C
    CMYK: 45 35 0 0

  • Flieder Leicht

    key: flieder-light
    Hex: #e6e5fe
    rgb: rgb(230, 229, 254)
    PMS: 30% 3558C
    CMYK: 15 10 0 0

  • Abendstimmung

    key: abendstimmung
    Hex: #49274b
    rgb: rgb(73, 39, 75)
    PMS: 520C
    CMYK: 70 95 30 10

  • Abendstimmung Leicht

    key: abendstimmung-light
    Hex: #d4c8d4
    rgb: rgb(212, 200, 212)
    PMS: 30% 520C
    CMYK: 10 20 0 0

  • Frischgrün

    key: frischgruen
    Hex: #82d282
    rgb: rgb(130, 210, 130)
    PMS: 2255C
    CMYK: 50 0 50 0

  • Frischgrün Leicht

    key: frischgruen-light
    Hex: #cdedcd
    rgb: rgb(205, 237, 205)
    PMS: 30% 2255C
    CMYK: 15 0 25 0

  • Goldgelb

    key: goldgelb
    Hex: #e6c828
    rgb: rgb(230, 200, 40)
    PMS: 458C
    CMYK: 5 5 80 5

  • Goldgelb Leicht

    key: goldgelb-light
    Hex: #f8efbd
    rgb: rgb(248, 239, 189)
    PMS: 30% 458C
    CMYK: 2 2 25 0

  • Nebelgrau

    key: nebelgrau
    Hex: #d6d1ca
    rgb: rgb(214, 209, 202)
    PMS: Warm Grey 1C
    CMYK: 6 7 10 11

  • Nebelgrau Leicht

    key: nebelgrau-light
    Hex: #f3f1ef
    rgb: rgb(243, 241, 239)
    PMS: 30% Warm Grey 1C
    CMYK: 4 4 5 0

  • Wasserblau

    key: wasserblau
    Hex: #73cee5
    rgb: rgb(115, 206, 229)
    CMYK: 50 0 0 0

  • Wasserblau Leicht

    key: wasserblau-light
    Hex: #d2f0ff
    rgb: rgb(210, 240, 255)
    CMYK: 15 0 0 0

Weitere Farben sind in Orbit 1 und 2 nicht gestattet. Einzelne Dienststellen des Orbit 2 können über einen befristeten Zeitraum auf eine eigene Farbpalette zurückgreifen.

UI-Farben

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

  • Interaktiv

    Wird nur für Buttons und unbesuchte Links verwendet.

    key: interaktiv
    Hex: #4b4b82
    rgb: rgb(75, 75, 130)

  • Fehler

    key: fehler
    Hex: #910000
    rgb: rgb(145, 0, 0)

  • Erfolg

    key: erfolg
    Hex: #005738
    rgb: rgb(0, 87, 56)

  • Link

    key: link
    Hex: #1f4baf
    rgb: rgb(31, 75, 175)

  • Link besucht

    key: link-besucht
    Hex: #a91eaf
    rgb: rgb(169, 30, 175)

Farben im Stadtplan

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

  • Verkehrsflächen

    key: verkehrsflaechen
    Hex: #9d9d9d
    rgb: rgb(157, 157, 157)
    CMYK: 0 0 0 45

  • Wasserblau

    key: wasserblau
    Hex: #73cee5
    rgb: rgb(115, 206, 229)
    CMYK: 50 0 0 0

Farben in Informationsgrafiken

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

Die Farbabstufungen harmonieren mit den restlichen Farben und bereichern das Erscheinungsbild.

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

  • Morgenrot Abstufung 1

    key: morgenrot-1
    Hex: #ffe1e1
    rgb: rgb(255, 225, 225)
    CMYK: 0 10 7 0

  • Morgenrot Leicht

    key: morgenrot-light
    Hex: #ffced1
    rgb: rgb(255, 206, 209)
    PMS: 30% 2346C
    CMYK: 0 20 15 0

  • Morgenrot Abstufung 2

    key: morgenrot-2
    Hex: #ffa0a0
    rgb: rgb(255, 160, 160)
    CMYK: 0 50 30 0

  • Morgenrot Abstufung 3

    key: morgenrot-3
    Hex: #fa6e6e
    rgb: rgb(250, 110, 110)
    CMYK: 0 70 50 0

  • Morgenrot Abstufung 4

    key: morgenrot-4
    Hex: #cd0000
    rgb: rgb(205, 0, 0)
    CMYK: 0 90 80 0

  • Morgenrot Abstufung 5

    key: morgenrot-5
    Hex: #910000
    rgb: rgb(145, 0, 0)
    CMYK: 0 100 100 25

  • Flieder Leicht

    key: flieder-light
    Hex: #e6e5fe
    rgb: rgb(230, 229, 254)
    PMS: 30% 3558C
    CMYK: 15 10 0 0

  • Flieder Abstufung 1

    key: flieder-1
    Hex: #b8c0fa
    rgb: rgb(184, 192, 250)
    CMYK: 27 18 0 0

  • Flieder Abstufung 2

    key: flieder-2
    Hex: #99a0de
    rgb: rgb(153, 160, 222)
    CMYK: 39 28 0 0

  • Flieder Abstufung 3

    key: flieder-3
    Hex: #7878af
    rgb: rgb(120, 120, 175)
    CMYK: 53 41 2 0

  • Flieder Abstufung 4

    key: flieder-4
    Hex: #4b4b82
    rgb: rgb(75, 75, 130)
    CMYK: 70 62 9 0

  • Flieder Abstufung 5

    key: flieder-5
    Hex: #463c6e
    rgb: rgb(70, 60, 110)
    CMYK: 80 80 10 10

  • Abendstimmung Abstufung 1

    key: abendstimmung-1
    Hex: #f0ebf0
    rgb: rgb(240, 235, 240)
    CMYK: 4 8 0 0

  • Abendstimmung Leicht

    key: abendstimmung-light
    Hex: #d4c8d4
    rgb: rgb(212, 200, 212)
    PMS: 30% 520C
    CMYK: 10 20 0 0

  • Abendstimmung Abstufung 2

    key: abendstimmung-2
    Hex: #a582a0
    rgb: rgb(165, 130, 160)
    CMYK: 24 37 4 0

  • Abendstimmung Abstufung 3

    key: abendstimmung-3
    Hex: #7b5481
    rgb: rgb(123, 84, 129)
    CMYK: 38 57 5 0

  • Abendstimmung Abstufung 4

    key: abendstimmung-4
    Hex: #583158
    rgb: rgb(88, 49, 88)
    CMYK: 55 75 15 5

  • Abendstimmung

    key: abendstimmung
    Hex: #49274b
    rgb: rgb(73, 39, 75)
    PMS: 520C
    CMYK: 70 95 30 10

  • Frischgrün Leicht

    key: frischgruen-light
    Hex: #cdedcd
    rgb: rgb(205, 237, 205)
    PMS: 30% 2255C
    CMYK: 15 0 25 0

  • Frischgrün Abstufung 1

    key: frischgruen-1
    Hex: #a7deb8
    rgb: rgb(167, 222, 184)
    CMYK: 29 0 35 0

  • Frischgrün Abstufung 2

    key: frischgruen-2
    Hex: #6baa76
    rgb: rgb(107, 170, 118)
    CMYK: 44 4 46 0

  • Frischgrün Abstufung 3

    key: frischgruen-3
    Hex: #568a5e
    rgb: rgb(86, 138, 94)
    CMYK: 58 6 56 3

  • Frischgrün Abstufung 4

    key: frischgruen-4
    Hex: #007448
    rgb: rgb(0, 116, 72)
    CMYK: 77 20 70 4

  • Frischgrün Abstufung 5

    key: frischgruen-5
    Hex: #005738
    rgb: rgb(0, 87, 56)
    CMYK: 82 31 73 18

  • Goldgelb Leicht

    key: goldgelb-light
    Hex: #f8efbd
    rgb: rgb(248, 239, 189)
    PMS: 30% 458C
    CMYK: 2 2 25 0

  • Goldgelb Abstufung 1

    key: goldgelb-1
    Hex: #ffe958
    rgb: rgb(255, 233, 88)
    CMYK: 4 4 55 0

  • Goldgelb Abstufung 2

    key: goldgelb-2
    Hex: #f8dc0c
    rgb: rgb(248, 220, 12)
    CMYK: 5 6 84 6

  • Goldgelb Abstufung 3

    key: goldgelb-3
    Hex: #cbb000
    rgb: rgb(203, 176, 0)
    CMYK: 10 13 100 14

  • Goldgelb Abstufung 4

    key: goldgelb-4
    Hex: #a58a00
    rgb: rgb(165, 138, 0)
    CMYK: 19 24 100 23

  • Goldgelb Abstufung 5

    key: goldgelb-5
    Hex: #857000
    rgb: rgb(133, 112, 0)
    CMYK: 25 31 100 37

  • Nebelgrau Abstufung 1

    key: nebelgrau-1
    Hex: #eeeae4
    rgb: rgb(238, 234, 228)
    CMYK: 3 3 5 5

  • Nebelgrau

    key: nebelgrau
    Hex: #d6d1ca
    rgb: rgb(214, 209, 202)
    PMS: Warm Grey 1C
    CMYK: 6 7 10 11

  • Nebelgrau Abstufung 2

    key: nebelgrau-2
    Hex: #a6a39d
    rgb: rgb(166, 163, 157)
    CMYK: 4 5 10 27

  • Nebelgrau Abstufung 3

    key: nebelgrau-3
    Hex: #7d7977
    rgb: rgb(125, 121, 119)
    CMYK: 2 4 7 43

  • Nebelgrau Abstufung 4

    key: nebelgrau-4
    Hex: #605e5e
    rgb: rgb(96, 94, 94)
    CMYK: 1 2 7 65

  • Nebelgrau Abstufung 5

    key: nebelgrau-5
    Hex: #4c4a4a
    rgb: rgb(76, 74, 74)
    CMYK: 0 0 0 80

Farbanwendungen

Das Kontrastverhältnis muss den Anforderungen der WCAG 2.1 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 CD-Farben aneinander stoßen.

Positvbeispiele

Negativbeispiele

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

Positvbeispiele

Negativbeispiele

Text auf 100%-Farbflächen

  • Schriftfarbe muss Hex: #292929 haben.
  • Ausnahme: „Abendstimmung“, hier ist die Schriftfarbe Hex: #FFFFFF

Positvbeispiele

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.

Hintergrundfarben

Als Hintergrundfarben bei Formularen, Filtern, Text und Cards können alle CD-Farben eingesetzt werden, allerdings nicht mit voller Deckkraft. Außerdem dürfen die Farben „Fastschwarz“ und „Weiss“ nicht als Hintergrundfarbe eingesetzt werden.

Positvbeispiel

Weitere Beispiele

Negativbeispiele

Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa
Aa