Kleuren

De huisstijl kent een contrastrijk kleurenpalet, dat bestaat uit:

  • De 3 logokleuren;
  • Een aanvullend palet van 7 kleuren plus wit; de secundaire kleuren;
  • De lichte en een donkere tinten van deze 10 kleuren.

Hiermee komt het totale kleurenpalet op 30 kleuren plus wit. Wit is aan het palet toegevoegd omdat de provincie zich met een heldere, niet te zware stijl wil profileren als open en toegankelijke organisatie. Dit brede kleurenpalet kenmerkt de veelzijdigheid van de provincie. Het biedt voldoende variatie en ruimte om te communiceren in lijn met de toegankelijkheidseisen.

Het gebruik van kleuren is afhankelijk van het stijlvak waarin het middel wordt ontwikkeld. Bekijk de toepassing van kleur op richtlijnen per stijlvak.

Let op! Er mogen geen andere kleurtinten gebruikt worden dan de vastgestelde lichte en donkere tinten uit het palet. Toepassing van kleur in datavisualisatie vormt hierop een uitzondering.

Kleurenoverzicht

Hieronder staan de kleurvertalingen voor relevante productieprocessen.

Logo kleuren 

PZH Rood
PZH Geel
PZH Blauw

PZH Rood

Hex: #d11f3d

RGB: 209/31/61

CMYK C: 10/100/80/0

Indigo: 14/98/85/0

CMYK U: 0/97/90/6

PMS C: 1797 C

PMS U: 1797 U

RAL: 3020

PZH Geel

Hex: #efcc36

RGB: 239/204/54

CMYK C: 0/13/100/0

Indigo: 0/14/95/0

CMYK U: 0/5/95/0

PMS C: 116 C

PMS U: 108 U

RAL: 1021

PZH Blauw

Hex: #281f6b

RGB: 40/31/107

CMYK C: 100/100/0/0

Indigo: 97/90/0/0

CMYK U: 97/85/0/15

PMS C: 2746 C

PMS U: 2748 U

RAL: 5002

Secundaire kleuren

PZH Roze
PZH Oranje
PZH Appelgroen
PZH Groen
PZH Roze

Hex: #aa0067

RGB: 170/0/103

CMYK C: 7/100/10/21

Indigo: 30/100/20/0

CMYK U: 20/100/5/0

PMS C: 227 C

PMS U: 227 U

PZH Oranje

Hex:  #ff6b02

RGB: 255/107/2

CMYK C: 0/70/90/0

Indigo: 0/95/100/0

CMYK U: 0/60/85/0

PMS C: 1505 C

PMS U: 1505 U

PZH Appelgroen

Hex: #76bc21

RGB: 118/188/33

CMYK C: 65/0/95/0

Indigo: 60/0/95/0

CMYK U: 50/0/86/0

PMS C: 368 C

PMS U: 375 U

PZH Groen

Hex: #00804d

RGB: 0/128/77

CMYK C: 95/5/82/24

Indigo: 98/26/82/0

CMYK U: 95/5/80/23

PMS C: 341 C

PMS U: 341 U
PZH Paars
PZH Koel Grijs
PZH Warm Grijs
PZH Wit
PZH Paars

Hex: #503d90

RGB: 80/61/144

CMYK C: 75/76/0/0

Indigo: 70/70/0/0

CMYK U: 67/70/0/0

PMS C: 2096 C

PMS U: 2096 U
PZH Koel Grijs

Hex: #838383

RGB: 131/131/131

CMYK C: 23/16/13/46

Indigo: 53/43/38/0

CMYK U: 20/11/12/33

PMS C: Cool Grey 8 C

PMS U: Cool Grey 8 U
PZH Warm Grijs

Hex: #847062

RGB: 132/112/98

CMYK C: 17/24/25/49

Indigo: 53/50/55/4

CMYK U: 15/20/22/42

PMS C: Warm Grey 8

PMS U: Warm Grey 8

PZH Wit

Hex: #FFFFFF

RGB: 255/255/255

CMYK C: 0/0/0/0

Indigo: 0/0/0/0

CMYK U: 0/0/0/0

Lichte tinten

PZH Lichtroze
PZH Lichtrood
PZH Lichtoranje
PZH Lichtgeel
PZH Lichtroze

Hex: #d76aac

RGB: 215/106/172

CMYK C: 0/68/0/0

Indigo: 0/70/0/0

CMYK U: 0/65/0/0

PMS C: 218 C

PMS U: 218 U

PZH Lichtrood

Hex: #eb7085

RGB: 235/112/133

CMYK C: 0/58/34/0

Indigo: 0/58/34/0

CMYK U: 0/60/40/0

PMS C: 1777 C

PMS U: 1777 U

PZH Lichtoranje

Hex: #fba66a

RGB: 251/166/106

CMYK C: 0/37/44/0

Indigo: 0/30/39/0

CMYK U: 0/26/33/0

PMS C: 2017 C

PMS U: 2017 C
PZH Lichtgeel

Hex: #f1db7e

RGB: 241/219/126

CMYK C: 0/5/60/0

Indigo: 0/4/68/0

CMYK U: 0/5/60/0

PMS C: 127 C

PMS U: 127 U
PZH Licht Appelgroen
PZH Lichtgroen
PZH Lichtblauw
PZH Lichtpaars

PZH Licht Appelgroen

Hex: #add57d

RGB: 173/213/125

CMYK C: 39/0/51/0

Indigo: 38/0/56/0

CMYK U: 32/0/46/0

PMS C: 359 C

PMS U: 7486 U

PZH Lichtgroen

Hex: #61b375

RGB: 97/179/117

CMYK C: 80/0/70/0

Indigo: 80/0/80/0

CMYK U: 75/0/70/0

PMS C: 2250 C

PMS U: 2250 U

PZH Lichtblauw

Hex: #7badde

RGB: 123/173/222

CMYK C: 59/11/0/0

Indigo: 56/14/0/0

CMYK U: 46/5/3/0

PMS C: 292 C

PMS U: 291 U

PZH Lichtpaars

Hex: #9b99cc

RGB: 155/153/204

CMYK C: 49/41/0/0

Indigo: 46/42/0/0

CMYK U: 38/35/0/0

PMS C: 271 C

PMS U: 271 U
PZH Licht Koel Grijs
PZH Licht Warm Grijs
   
PZH Licht Koel Grijs

Hex: #bfbfbf

RGB: 191/191/191

CMYK C: 8/5/7/16

Indigo: 0/0/5/22

CMYK U: 7/5/5/15

PMS C: Cool Grey 3 C

PMS U: Cool Grey 3 U
PZH Licht Warm Grijs

Hex: #beb1a7

RGB: 190/177/167

CMYK C: 9/11/13/20

Indigo: 21/18/25/0

CMYK U: 8/9/11/20

PMS C: Warm Grey 3 C

PMS U: Warm Grey 3 U
   

Donkere tinten

PZH Donkerroze
PZH Donkerrood
PZH Donkeroranje
PZH Donkergeel
PZH Donkerroze

Hex: #750047

RGB: 117/0/71

CMYK C: 20/100/11/40

Indigo: 50/100/30/0

CMYK U: 25/95/0/20

PMS C: 235 C

PMS U: 235 U
PZH Donkerrood

Hex: #97162c

RGB: 151/22/44

CMYK C: 7/100/82/26

Indigo: 34/100/85/0

CMYK U: 0/85/60/20

PMS C: 187 C

PMS U: 1807 U
PZH Donkeroranje

Hex: #b24a00

RGB: 178/74/0

CMYK C: 0/74/100/8

Indigo: 12/81/100/6

CMYK U: 0/56/96/7

PMS C: 718 C

PMS U: 718 U
PZH Donkergeel

Hex: #c6a410

RGB: 198/164/16

CMYK C: 2/22/100/8

Indigo: 13/29/99/0

CMYK U: 0/18/100/6

PMS C: 110 C

PMS U: 7405 U
PZH Donker Appelgroen
PZH Donkergroen
PZH Donkerblauw
PZH Donkerpaars
PZH Donker Appelgroen

Hex: #629623

RGB: 98/150/35

CMYK C: 60/0/100/25

Indigo: 73/24/100/0

CMYK U: 50/3/97/20

PMS C: 370 C

PMS U: 370 C
PZH Donkergroen

Hex: #004d2e

RGB: 0/77/46

CMYK C: 89/19/72/60

Indigo: 97/53/84/27

CMYK U: 90/15/80/45

PMS C: 343 C

PMS U: 343 C
PZH Donkerblauw

Hex: #16113b

RGB: 22/17/59

CMYK C: 100/95/6/40

Indigo: 100/93/35/15

CMYK U: 87/80/7/25

PMS C: 2766 C

PMS U: 2766 U

PZH Donkerpaars

Hex: #32265a

RGB: 50/38/90

CMYK C: 85/85/0/3

Indigo: 99/99/6/0

CMYK U: 87/91/1/2

PMS C: 7672 C

PMS U: 2755 U

PZH Donker Koel Grijs
Donker Warm Grijs
   

PZH Donker Koel Grijs

Hex: #5c5c5c

RGB: 92/92/92

CMYK C: 45/30/20/70

Indigo: 70/59/55/35

CMYK U: 30/17/8/51

PMS C: Cool Grey 11 C

PMS U: Cool Grey 11 U

PZH Donker Warm Grijs

Hex: #584b41

RGB: 88/75/65

CMYK C: 26/36/38/68

Indigo: 60/61/65/34

CMYK U: 52/50/52/10

PMS C: Warm Grey 11 C

PMS U: Warm Grey 11 U

   

Toegankelijkheidseisen

Houd bij toepassing van kleur rekening met de verplichte toegankelijkheidseisen niveau WCAG 2.1 AA. Hieronder zie je een overzicht met de kleurencombinaties die voldoen aan de WCAG 2.1 AA eisen.

  • De hoofdletter A betekent dat teksten groter dan 18 pixels in deze kleur toegestaan zijn op de getoonde achtergrondkleur.
  • De kleine letter a betekent dat teksten groter dan 12 pixels in deze kleur toegestaan zijn op de achtergrondkleur.
  • Is het vakje leeg? Dan voldoet deze kleurencombinatie niet aan de gestelde eisen. Kies dan een andere kleurcombinatie.

Houd rekening met deze tabel bij het opmaken van teksten in alle soorten middelen.

WCAG AA overzicht