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.
De toepassing van de kleuren op ons wagenpark vind je in “Voorbeelden“.
Kleurcodes
Donkerblauw
#0A2937
R10 G41 B55
C99 M71 Y52 K61
PMS 108-16 C
RAL 230 20 20 Prussion Blue
Donkergroen
#0E4A42
R14 G74 B66
C89 M42 Y64 K49
PMS 126-16 C
RAL 180 30 25 Fjord Green
Grijs-wit
#F8FAFB
R248 G250 B251
C3 M1 Y1 K0
PMS –
RAL wordt wit
Blauw
#86D1FF
R134 G209 B255
C47 M3 Y0 K0
PMS 115-4 C
RAL 250 80 20 Velvet Blue
Felgroen
#2EFF9D
R46 G255 B157
C91 M0 Y93 K0*
PMS 7479 C
RAL 160 70 50 Malachite Green
Oranje
#FE6636
R254 G102 B54
C0 M71 Y78 K0*
PMS 37-8 C
RAL 040 60 60 Coral Orange
*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
RAL 230 20 20 Prussian Blue
2
Blauw
#86D1FF
R134 G209 B255
C47 M3 Y0 K0
PMS 115-4 C
RAL 250 80 20 Velvet Blue
3
Blauwtint
#BBE8FF
R187 G232 B255
C30 M0 Y0 K0
PMS 115-3 C
RAL 250 85 15 Diamond Soft Bluw
4
Grijs
#EAF1F3
R234 G241 B243
C10 M3 Y5 K0
PMS 115-1 C
RAL 250 90 05 Ice White
5
Grijs-wit
#F8FAFB
R248 G250 B251
C3 M1 Y1 K0
PMS -**
RAL wordt wit
6
Wit
#FFFFFF
R0 G0 B0
C0 M0 Y0 K0
RAL wordt wit
**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.
Transparantie
Er mag gebruik gemaakt worden van transparantie van kleuren, dit typeert zelfs onze huisstijl.
Dit geldt voor zowel knoppen, tekst als vakken.
Voorbeelden
