# Kleuren

> Primaire en secundaire kleuren met HEX, RGB, CMYK, Pantone en RAL, en waar je ze voor inzet.

Bron: https://brand.viscohoreca.nl/nl/kleuren

Aan de kleuren herken je Visco het snelst. Gebruik daarom altijd dezelfde.

> Klik op een waarde om hem te kopiëren. Neem waarden altijd over uit deze lijst. Haal je ze met een kleurenpipet uit een logo, dan wijken ze net af.

## Primaire kleuren

Dit zijn de kleuren die je het vaakst gebruikt.

| Kleur | HEX | RGB | CMYK | Pantone C | RAL | Gebruik |
| --- | --- | --- | --- | --- | --- | --- |
| Visco oranje | #E9540D | 233, 84, 13 | 1, 77, 100, 0 | 166 C | 2004 Zuiver oranje | Hoofdkleur. Voor call-to-actions, accenten en herkenbaarheid. |
| Diepzwart | #1D1D1B | 29, 29, 27 | 74, 65, 63, 81 | 419 C | 9005 Gitzwart | Voor tekst en leesbaarheid. Net iets warmer dan zuiver zwart. |
| Noordzee blauw | #154284 | 21, 66, 132 | 100, 78, 18, 4 | 7687 | 5002 Ultramarijnblauw | Ondersteunend. Voor balans en rust, en voor het woordmerk in het logo. |
| Wit | #FFFFFF | 255, 255, 255 | 0, 0, 0, 0 | - | - | Achtergrond en witruimte. Geef het logo en de tekst ruimte om te ademen. |

## Secundaire kleuren

Met de secundaire kleuren breng je wat variatie aan zonder dat het druk wordt. Gebruik ze voor kleine accenten en voor highlights in beeld.

| Kleur | HEX | RGB | CMYK | Pantone C | RAL | Gebruik |
| --- | --- | --- | --- | --- | --- | --- |
| Warm oranje | #ED6C05 | 237, 108, 5 | 0, 68, 99, 0 | 3564 C | 2008 Licht roodoranje | Subtiel accent naast Visco oranje, bijvoorbeeld in een verloop of een tweede vlak. |
| Zacht oranje | #F28B2D | 242, 139, 45 | 0, 54, 87, 0 | 715 C | 1007 Narcissengeel | Highlights binnen visuals, en waar Visco oranje te zwaar uitvalt. |
| Licht oranje | #FEFAF8 | 254, 250, 248 | 0, 2, 3, 0 | - | - | Visco oranje op 3% dekking. Voor rustige vlakken en achtergronden achter tekst. |
| Signaal rood | #E30613 | 227, 6, 19 | 0, 100, 98, 0 | 2035 C | 3024 Briljantrood | Alleen waar extra nadruk nodig is. Dit is ook de kleur van de stip in het beeldmerk. |

## Gebruik

| Wel/niet | Regel |
| --- | --- |
| ✅ | Oranje voor call-to-actions, accenten en herkenbaarheid. |
| ✅ | Zwart voor tekst en leesbaarheid. |
| ✅ | Donkerblauw voor balans en ondersteuning. |
| ✅ | Wit als rustpunt: geef vlakken ruimte. |
| ❌ | Rood inzetten als gewone accentkleur. Dat is voor extra nadruk. |
| ❌ | Kleuren mengen tot tussenwaarden die hier niet staan. |
| ❌ | Een kleur uit een logo pipetten in plaats van hem hier over te nemen. |