Kleur
Basiskleuren
De basiskleuren van Utrecht zijn: rood, wit, zwart, geel en blauw.
- Rood en wit spelen de hoofdrol.
- Zwart speelt een belangrijke rol in de tekst.
- De kleur geel gebruiken we alleen in het logo en bij grafieken, illustraties en infographics.
- De kleur blauw gebruiken we vooral bij digitale toepassingen zoals de website.
Aanvullende kleuren
Er zijn 9 aanvullende kleuren voor kleurbanen, koppen en accenten. Gebruik geen andere kleuren dan de kleuren uit dit palet.
De kleuren die we gebruiken
Hieronder staan de kleuren die we gebruiken met de bijbehorende code voor drukwerk, beeldscherm of verf.
- Drukwerk: CMYK, PANTONE®
- Beeldscherm: RGB, Hex
- Verf: RAL
CMYK:
0-100-
100-0
PANTONE®:
485 U
186 C
RGB:
204-0-0
Hex:
#cc0000
RAL:
3020
CMYK:
0-0-0-0
RGB:
255-255
-255
Hex:
#ffffff
RAL:
9016
CMYK:
0-0-0-100
RGB:
0-0-0
Hex:
#000000
RAL:
9005
CMYK:
0-30-100-0
PANTONE®:
7409 U
143 C
RGB:
255-183-11
Hex:
#ffcc00
RAL:
1028
CMYK:
100-40-0-0
RGB:
0-109-255
Hex:
#006dff
CMYK:
78-82-0-0
RGB:
118-44-209
Hex:
#762cd1
CMYK:
5-89-0-0
RGB:
240-33-152
Hex:
#f02198
CMYK:
0-67-94-0
RGB:
255-110-0
Hex:
#ff6e00
CMYK:
49-0-99-0
RGB:
153-208-0
Hex:
#99d000
CMYK:
75-0-100-0
RGB:
50-171-39
Hex:
#32ab27
CMYK:
100-0-10-0
RGB:
0-182-226
Hex:
#009ed4
CMYK:
100-81-21
-0
RGB:
28-65-129
Hex:
#1c4181
CMYK:
25-63-78
-17
RGB:
173-100-59
Hex:
#ad643b
CMYK:
0-0-0-60
RGB:
117-117
-117
Hex:
#757575
Leesbaarheid van tekst op kleurvlakken
In teksten is het belangrijk dat er voldoende contrast is tussen licht en donker. Zo kan iedereen de teksten lezen. Hieronder is per kleur uit ons palet aangegeven welke kleur teksten en kopteksten mogen hebben, zodat ze ook vanaf een beeldscherm goed leesbaar zijn.
Contrast
wit: 5,88
zwart: 3,56
Contrast
wit: 1,51
zwart: 13,88
Contrast
wit: 4,53
zwart: 5,63
Contrast
wit: 3,6
zwart: 6,84
Contrast
wit: 9,89
zwart: 2,12
Contrast
wit: 3
zwart: 6,99
Contrast
wit: 1,84
zwart: 11,37
Contrast
wit: 6,88
zwart: 3,05
Contrast
wit: 6,88
zwart: 5,37
Contrast
wit: 2,8
zwart: 7,48
Contrast
wit: 4,5
zwart: 4,66
Contrast
wit: 4,6
zwart: 4,55
| Combinatie | Toegestaan | |
|---|---|---|
| Rode kop op witte achtergrond | ja | |
| Rode tekst op witte achtergrond | ja | |
| Witte kop op rode achtergrond | ja | |
| Witte tekst op rode achtergrond | ja | |
| Zwarte kop op rode achtergrond | ja | |
| Zwarte tekst op rode achtergrond | ja | |
| Rode kop op zwarte achtergrond | ja | |
| Rode tekst op zwarte achtergrond | nee |
| Combinatie | Toegestaan | |
|---|---|---|
| Gele kop op witte achtergrond | nee | |
| Gele tekst op witte achtergrond | nee | |
| Witte kop op gele achtergrond | nee | |
| Witte tekst op gele achtergrond | nee | |
| Zwarte kop op gele achtergrond | ja | |
| Zwarte tekst op gele achtergrond | ja | |
| Gele kop op zwarte achtergrond | ja | |
| Gele tekst op zwarte achtergrond | ja |
| Combinatie | Toegestaan | |
|---|---|---|
| Blauwe kop op witte achtergrond | ja | |
| Blauwe tekst op witte achtergrond | ja | |
| Witte kop op blauwe achtergrond | ja | |
| Witte tekst op blauwe achtergrond | ja | |
| Zwarte kop op blauwe achtergrond | ja | |
| Zwarte tekst op blauwe achtergrond | nee | |
| Blauwe kop op zwarte achtergrond | ja | |
| Blauwe tekst op zwarte achtergrond | nee |
| Combinatie | Toegestaan | |
|---|---|---|
| Cyane kop op witte achtergrond | ja | |
| Cyane tekst op witte achtergrond | nee | |
| Witte kop op cyane achtergrond | ja | |
| Witte tekst op cyane achtergrond | nee | |
| Zwarte kop op cyane achtergrond | ja | |
| Zwarte tekst op cyane achtergrond | ja | |
| Cyane kop op zwarte achtergrond | ja | |
| Cyane tekst op zwarte achtergrond | ja |
| Combinatie | Toegestaan | |
|---|---|---|
| Marineblauwe kop op witte achtergrond | ja | |
| Marineblauwe tekst op witte achtergrond | ja | |
| Witte kop op marineblauwe achtergrond | ja | |
| Witte tekst op marineblauwe achtergrond | ja | |
| Zwarte kop op marineblauwe achtergrond | nee | |
| Zwarte tekst op marineblauwe achtergrond | nee | |
| Marineblauwe kop op zwarte achtergrond | nee | |
| Marineblauwe tekst op zwarte achtergrond | nee |
| Combinatie | Toegestaan | |
|---|---|---|
| Groene kop op witte achtergrond | ja | |
| Groene tekst op witte achtergrond | nee | |
| Witte kop op groene achtergrond | ja | |
| Witte tekst op groene achtergrond | nee | |
| Zwarte kop op groene achtergrond | ja | |
| Zwarte tekst op groene achtergrond | ja | |
| Groene kop op zwarte achtergrond | ja | |
| Groene tekst op zwarte achtergrond | ja |
| Combinatie | Toegestaan | |
|---|---|---|
| Lime kop op witte achtergrond | nee | |
| Lime tekst op witte achtergrond | nee | |
| Witte kop op lime achtergrond | nee | |
| Witte tekst op lime achtergrond | nee | |
| Zwarte kop op lime achtergrond | ja | |
| Zwarte tekst op lime achtergrond | ja | |
| Lime kop op zwarte achtergrond | ja | |
| Lime tekst op zwarte achtergrond | ja |
| Combinatie | Toegestaan | |
|---|---|---|
| Paarse kop op witte achtergrond | ja | |
| Paarse tekst op witte achtergrond | ja | |
| Witte kop op paarse achtergrond | ja | |
| Witte tekst op paarse achtergrond | ja | |
| Zwarte kop op paarse achtergrond | ja | |
| Zwarte tekst op paarse achtergrond | nee | |
| Paarse kop op zwarte achtergrond | ja | |
| Paarse tekst op zwarte achtergrond | nee |
| Combinatie | Toegestaan | |
|---|---|---|
| Magenta kop op witte achtergrond | ja | |
| Magenta tekst op witte achtergrond | nee | |
| Witte kop op magenta achtergrond | ja | |
| Witte tekst op magenta achtergrond | nee | |
| Zwarte kop op magenta achtergrond | ja | |
| Zwarte tekst op magenta achtergrond | nee | |
| Magenta kop op zwarte achtergrond | ja | |
| Magenta tekst op zwarte achtergrond | ja |
| Combinatie | Toegestaan | |
|---|---|---|
| Oranje kop op witte achtergrond | nee | |
| Oranje tekst op witte achtergrond | nee | |
| Witte kop op oranje achtergrond | ja | |
| Witte tekst op oranje achtergrond | nee | |
| Zwarte kop op oranje achtergrond | ja | |
| Zwarte tekst op oranje achtergrond | ja | |
| Oranje kop op zwarte achtergrond | ja | |
| Oranje tekst op zwarte achtergrond | ja |
| Combinatie | Toegestaan | |
|---|---|---|
| Bruine kop op witte achtergrond | ja | |
| Bruine tekst op witte achtergrond | ja | |
| Witte kop op bruine achtergrond | ja | |
| Witte tekst op bruine achtergrond | ja | |
| Zwarte kop op bruine achtergrond | ja | |
| Zwarte tekst op bruine achtergrond | ja | |
| Bruine kop op zwarte achtergrond | ja | |
| Bruine tekst op zwarte achtergrond | ja |
| Combinatie | Toegestaan | |
|---|---|---|
| Grijze kop op witte achtergrond | ja | |
| Grijze tekst op witte achtergrond | ja | |
| Witte kop op grijze achtergrond | ja | |
| Witte tekst op grijze achtergrond | ja | |
| Zwarte kop op grijze achtergrond | ja | |
| Zwarte tekst op grijze achtergrond | ja | |
| Grijze kop op zwarte achtergrond | ja | |
| Grijze tekst op zwarte achtergrond | ja |
Kleurbanen
Alle kleuren, behalve geel, zwart en wit mogen worden gebruikt voor een kleurbaan. Gebruik altijd de volle kleuren voor de kleurbanen.
Gradaties van kleuren
Kleuren kunnen in gradaties van 10% gebruikt worden in illustraties en achtergronden.