Kleuren
Primaire kleuren
WSP kleurenpalet brengt balans tussen rust, deskundigheid en passie. Het straalt vertrouwen, innovatie, duurzaamheid en daadkracht uit. Precies de combinatie van mens, data en technologie waar WSP voor staat.
Zo staat de donkerblauwe kleur voor betrouwbaarheid, stabiliteit en expertise. Verwijst de blauwe kleur naar water, helderheid en innovatie. Draagt de donkergroene kleur bij aan de duurzame, menselijke en verbindende kant. De felgroene kleur symboliseert energie, innovatie en efficiëntie en daarmee een duurzaam randje. Het brengt ook contrast en een high-end dynamiek. En oranje geeft warmte, passie en leiderschap.
Kleurcodes
Donkerblauw
#0A2937
R10 G41 B55
C99 M71 Y52 K61
PMS 108-16 C
Donkergroen
#0E4A42
R14 G74 B66
C89 M42 Y64 K49
PMS 126-16 C
Grijs-wit
#F8FAFB
R248 G250 B251
C3 M1 Y1 K0
PMS –
Blauw
#86D1FF
R134 G209 B255
C47 M3 Y0 K0
PMS 115-4 C
Felgroen
#2EFF9D
R46 G255 B157
C91 M0 Y93 K0*
PMS 7479 C
Oranje
#FE6636
R254 G102 B54
C0 M71 Y78 K0
PMS 37-8 C
*Doordat RGB (online) een groter kleurbereik heeft dan CMYK (offline) worden kleuren online feller, helderder weergegeven. Bij veel kleuren is dat verschil niet zo te zien, maar bij deze felgroene kleur is dat wel het gevoel. Er is handmatig een CMYK kleur gekozen die hier het beste bij aansluit. Het is belangrijk om dus voor drukwerk de CMYK of PMS kleur te gebruiken en niet automatische kleuromzetting vanuit de online RGB of HEX codes. De kleur die ontstaat bij automatische omzetting sluit minder aan dan de handmatig gekozen kleur.
Secundaire kleuren
Van de primaire kleuren gebruiken we ook kleurtinten. Deze voegen we toe om rust aan te brengen in de visuele uitstraling van WSP. Om zo de betrouwbaarheid en deskundigheid te laten spreken.
1
Donkerblauw
#0A2937
R10 G41 B55
C99 M71 Y52 K61
PMS 108-16 C
2
Blauw
#86D1FF
R134 G209 B255
C47 M3 Y0 K0
PMS 115-4 C
3
Blauwtint
#BBE8FF
R187 G232 B255
C30 M0 Y0 K0
PMS 115-3 C
4
Grijs
#EAF1F3
R234 G241 B243
C10 M3 Y5 K0
PMS 115-1 C
5
Grijs-wit
#F8FAFB
R248 G250 B251
C3 M1 Y1 K0
PMS -**
6
Wit
#FFFFFF
R0 G0 B0
C0 M0 Y0 K0
**In PMS is er geen kleur die zo dicht tegen het grijs-wit aan zit. Kies bij drukwerk voor de CMYK kleur. Heb je wel PMS nodig? Kies dan voor grijs of wit.
Kleurgebruik
Donkerblauw, donkergroen, grijs-wit en wit gebruiken we in grote vlakken, achtergronden en is de basiskleur in visuals.
Blauw en de tint blauw gebruiken we ook in achtergronden maar zijn in totaliteit iets minder aanwezig en minder ‘knallend’ inzetbaar.
Felgroen gebruiken we voor kleine accenten, micro-animaties en als ‘duurzaam’ randje.
Oranje gebruiken we als losstaande CTA kleur of in details. Deze kleur zal in drukwerk dus ook niet veel terugkomen. Met deze kleur kunnen we focus leggen.
In onderstaande grafiek zie richtlijnen hoeveel van elke kleur terugkomen in de uitingen van WSP.
Kleurcontrast
Volgens de richtlijnen moet content op de website voldoen aan de WCAG 2.1 AA-norm, wat minimale kleurcontrasten inhoudt. In onderstaande download vind je alle kleurencombinaties met daarbij de richtlijnen voor het contrast.