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 

Voorbeeld van PZH Rood
Voorbeeld van PZG Geel
Voorbeeld van 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

Voorbeeld van PZH Roze
Voorbeeld van PZH Oranje
Voorbeeld van PZH Appelgroen
Voorbeeld van 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

 

Voorbeeld van PZH Paars
Voorbeeld van PZH Koel Grijs
Voorbeeld van Warm Grijs
Voorbeeld van 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

Voorbeeld van PZH Lichtroze
Voorbeeld van PZH Lichtrood
Voorbeeld van PZH Lichtoranje
Voorbeeld van 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

 

Voorbeeld van PZH Licht Appelgroen
Voorbeeld van Lichtgroen
Voorbeeld van Lichtblauw
Voorbeeld van 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

 

Voorbeeld van PZH Licht Koel Grijs
Voorbeeld van PZH 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

Voorbeeld van PZH Donkerroze
Voorbeeld van PZH Donkerrood
Voorbeeld van PZH Donkeroranje
Voorbeeld van 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

 

Voorbeeld van PZH Donker Appelgroen
Voorbeeld van PZH Donkergroen
Voorbeeld van PZH Donkerblauw
Voorbeeld van 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

 

Voorbeeld van PZH Donker Koel Grijs
Voorbeeld van PZH 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