The context colours complement the brand colours and support the visual look and context. It aims to enhance specific atmospheres and is mainly used in graphic elements or in the colour of an image.
\nGrass green
\nThe grass green represents health, kindness, generosity. It is easy to read in text, it warms up the whole, and feels fresh at the same time.
\nBlue
\nBlue radiates creativity, communication, purposefulness, and ambition. This, too, is an easy-to-read colour in text and cools the whole thing down.
\nInk
\nInk blue is the colour of authority and has vision and professionalism. It reduces the size of the image because it darkens the whole but ensures focus and high legibility.
\nLime
\nLime is young, playful, and optimistic. This colour cannot be used in text because it is difficult to read. However, it can be used in images to illuminate them.
\nAqua
\nAqua represents innovation and promotes communication and knowledge transfer. It helps to properly articulate ideas and concepts. It is difficult to read, but illuminates and creates space in images.
\nOrange
\nOrange is a very inviting and warm colour. It inspires and motivates. Orange has a major impact, which means that it is best used in moderation.
" } }, { "id": "5323", "type": "colors", "data": { "colors": [ { "name": "Gras groen", "description": "Context kleur", "rgb": "rgb(0,154,68)", "cmyk": "94-2-95-0", "hsl": "hsl(146.49,1,0.3)", "hex": "#009a44", "pantone": "347 C" }, { "name": "Blauw", "description": "Context kleur", "rgb": "rgb(0,71,187)", "cmyk": "96-71-0-0", "hsl": "hsl(217.22,1,0.37)", "hex": "#0047bb", "pantone": "2728 C" }, { "name": "Inkt", "description": "context kleur", "rgb": "rgb(0,26,114)", "cmyk": "100-89-32-21", "hsl": "hsl(226.32,1,0.22)", "hex": "#001a72", "pantone": "2747 C" }, { "name": "Lime", "description": "Context kleur", "rgb": "rgb(196,214,0)", "cmyk": "33-0-100-0", "hsl": "hsl(65.05,1,0.42)", "hex": "#c4d600", "pantone": "382 C" }, { "name": "Aqua", "description": "Context kleur", "rgb": "rgb(184,221,225)", "cmyk": "33-2-13-0", "hsl": "hsl(185.85,0.41,0.8)", "hex": "#b8dde1", "pantone": "628 C" }, { "name": "Oranje", "description": "context kleur", "rgb": "rgb(255,106,57)", "cmyk": "0-69-76-0", "hsl": "hsl(14.85,1,0.61)", "hex": "#ff6a39", "pantone": "1645 C" } ] } }, { "id": "5324", "type": "text", "data": { "content": "A simplified version of the hues is also included for the context colours. The extensive palette has many options for hues ranging from 100% to 10%. To make the colour dashboard more flexible and easier to use, we propose keeping only 4 lighter options per colour, plus some darker hues, if needed.
\nThis abridged version will be more applicable. By using larger jumps in hues, a clearer image is created and the colours differ enough from each other. This simplified palette for certain graphics applications provides simplicity and consistency in the use of colour. The number of errors relating to contrasts will be smaller and a more balanced picture will be created.
\nThis extended version of hues is mainly used for large illustrations, in which a lot of colour is used, for example, for the target group schools and children.
" } }, { "id": "5325", "type": "images", "data": { "type": "grid2columns", "images": [ { "name": "Contextkleuren nuances", "extension": "image", "size": { "B": 527874, "KB": 527.874000000000023646862246096134185791015625, "MB": 0.5278739999999999543689455094863660633563995361328125, "GB": 0.00052787400000000000814537326476738599012605845928192138671875 }, "path": { "small": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_small/contextkleuren-nuances.jpg", "medium": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_medium/contextkleuren-nuances.jpg", "large": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/_large/contextkleuren-nuances.jpg", "original": "https://bebat-brandplatform.fra1.digitaloceanspaces.com/production/images/contextkleuren-nuances.jpg" }, "addBackground": false } ] } } ], "navigation": [ { "title": "Introduction", "type": "Brand", "slug": "inleiding", "active": false, "locked": false, "detail": "/api/detail/brand/inleiding", "children": [] }, { "title": "Values", "type": "Brand", "slug": "values", "active": false, "locked": false, "detail": "/api/detail/brand/values", "children": [] }, { "title": "Mission", "type": "Brand", "slug": "mission", "active": false, "locked": false, "detail": "/api/detail/brand/mission", "children": [] }, { "title": "Vision", "type": "Brand", "slug": "vision", "active": false, "locked": false, "detail": "/api/detail/brand/vision", "children": [] }, { "title": "Communication", "type": "Brand", "slug": "communicatie", "active": false, "locked": false, "detail": "/api/detail/brand/communicatie", "children": [] }, { "title": "Safety: mission and vision", "type": "Brand", "slug": "veiligheidsmissie-visie", "active": false, "locked": false, "detail": "/api/detail/brand/veiligheidsmissie-visie", "children": [] }, { "title": "Brand personality", "type": "Brand", "slug": "brand-personality", "active": false, "locked": false, "detail": "/api/detail/brand/brand-personality", "children": [] }, { "title": "Tone of voice", "type": "Brand", "slug": "tone-of-voice", "active": false, "locked": false, "detail": "/api/detail/brand/tone-of-voice", "children": [ { "title": "B2C", "type": "Brand", "slug": "b2c", "parent": "tone-of-voice", "active": false, "detail": "/api/detail/brand/b2c", "locked": false }, { "title": "B2B", "type": "Brand", "slug": "b2b", "parent": "tone-of-voice", "active": false, "detail": "/api/detail/brand/b2b", "locked": false } ] }, { "title": "Logo", "type": "Brand", "slug": "logo", "active": false, "locked": false, "detail": "/api/detail/brand/logo", "children": [ { "title": "Correct usage", "type": "Brand", "slug": "correct-usage", "parent": "logo", "active": false, "detail": "/api/detail/brand/correct-usage", "locked": false }, { "title": "Size & positioning", "type": "Brand", "slug": "logo-size-position", "parent": "logo", "active": false, "detail": "/api/detail/brand/logo-size-position", "locked": false }, { "title": "Usage of baseline and font", "type": "Brand", "slug": "baseline-font", "parent": "logo", "active": false, "detail": "/api/detail/brand/baseline-font", "locked": false } ] }, { "title": "Soundlogo", "type": "Brand", "slug": "soundlogo", "active": false, "locked": false, "detail": "/api/detail/brand/soundlogo", "children": [] }, { "title": "Typography", "type": "Brand", "slug": "typography", "active": false, "locked": false, "detail": "/api/detail/brand/typography", "children": [] }, { "title": "Colours", "type": "Brand", "slug": "kleuren", "active": true, "locked": false, "detail": "/api/detail/brand/kleuren", "children": [ { "title": "Brand colours", "type": "Brand", "slug": "brand-colours", "parent": "kleuren", "active": false, "detail": "/api/detail/brand/brand-colours", "locked": false }, { "title": "Context colours", "type": "Brand", "slug": "secundaire-kleuren", "parent": "kleuren", "active": true, "detail": "/api/detail/brand/secundaire-kleuren", "locked": false }, { "title": "Functional use", "type": "Brand", "slug": "functioneel-gebruik", "parent": "kleuren", "active": false, "detail": "/api/detail/brand/functioneel-gebruik", "locked": false }, { "title": "Visual use", "type": "Brand", "slug": "visual-use", "parent": "kleuren", "active": false, "detail": "/api/detail/brand/visual-use", "locked": false } ] }, { "title": "Photography", "type": "Brand", "slug": "fotografie", "active": false, "locked": false, "detail": "/api/detail/brand/fotografie", "children": [] }, { "title": "Infographics", "type": "Brand", "slug": "infografieken", "active": false, "locked": false, "detail": "/api/detail/brand/infografieken", "children": [] }, { "title": "Icons & illustrations", "type": "Brand", "slug": "iconen", "active": false, "locked": false, "detail": "/api/detail/brand/iconen", "children": [ { "title": "Icons", "type": "Brand", "slug": "icons", "parent": "iconen", "active": false, "detail": "/api/detail/brand/icons", "locked": false }, { "title": "Battery icon", "type": "Brand", "slug": "battery-icon", "parent": "iconen", "active": false, "detail": "/api/detail/brand/battery-icon", "locked": false }, { "title": "Illustrations", "type": "Brand", "slug": "illustrations", "parent": "iconen", "active": false, "detail": "/api/detail/brand/illustrations", "locked": false } ] }, { "title": "Lay-out", "type": "Brand", "slug": "lay-out", "active": false, "locked": false, "detail": "/api/detail/brand/lay-out", "children": [ { "title": "Print", "type": "Brand", "slug": "print", "parent": "lay-out", "active": false, "detail": "/api/detail/brand/print", "locked": false }, { "title": "Digitaal", "type": "Brand", "slug": "digital", "parent": "lay-out", "active": false, "detail": "/api/detail/brand/digital", "locked": false } ] }, { "title": "Online", "type": "Brand", "slug": "online", "active": false, "locked": false, "detail": "/api/detail/brand/online", "children": [ { "title": "Website", "type": "Brand", "slug": "website", "parent": "online", "active": false, "detail": "/api/detail/brand/website", "locked": false }, { "title": "Newsletters", "type": "Brand", "slug": "newsletters", "parent": "online", "active": false, "detail": "/api/detail/brand/newsletters", "locked": false }, { "title": "Social media", "type": "Brand", "slug": "social-media", "parent": "online", "active": false, "detail": "/api/detail/brand/social-media", "locked": false } ] }, { "title": "Copy", "type": "Brand", "slug": "copy", "active": false, "locked": false, "detail": "/api/detail/brand/copy", "children": [] } ], "navigator": { "prev": { "title": "Brand colours", "slug": "brand-colours" }, "next": { "title": "Functional use", "slug": "functioneel-gebruik" } }, "slugs": [ { "site": "nl", "slug": "secundaire-kleuren", "parent": "kleuren" }, { "site": "fr", "slug": "secundaire-kleuren", "parent": "kleuren" }, { "site": "en", "slug": "secundaire-kleuren", "parent": "kleuren" } ] }, "meta": { "sessionId": "7169f106e2cc1dac3e610c9bcd85026e" } }