Färger

Våra färger är blå med inslag av grönt. Färgpaletten består av nio färger som tillsammans signalerar våra värdeord omtanke, nytta och enkelhet.

Olika färger från mörkblå till ljusblå, mörkgrön till ljusgrön, rosa och gul.

Uppställningen illustrerar viktningen av färganvändning i alla delar av profilen.

Grunden i vår färgpalett är blå/grön och kompletteras med rosa och gul för att addera energi och värme. Konsekvent användning av färg bidrar till att stärka vår identitet.

Alla färger är testade enligt WCAGs (Web Content Accessibility Guidelines) riktlinjer för läsbarhet och användar­vänlighet i digitala kanaler.

Olika färger från mörkblå till ljusblå, mörkgrön till ljusgrön, rosa, gul., svart och vit

Primärfärg

Vår huvudfärg är en djup blå, som vi kallar ”Mörkblå” och den färg som signalerar vårt varumärke.

  • Mörkblå
    • PANTONE662 C/U
    • CMYK100.89.0.4
    • RGB2, 6, 120
    • HEX#020678
    • NCSS 5540-R70B
    • RAL5013

Sekundärfärger

Den Mörkblå färgen kompletteras med fyra sekundärfärger, ”Klarblå”, ”Blå 3”, ”Blå 4” och ”Klargrön”. De fyra färgerna lättar upp och ger en varmare och mer dynamisk upplevelse av det Mörkblå, för att skapa ett bredare spektra.

  • Klarblå
    • PANTONE2728 C/U
    • CMYK99.76.0.0
    • RGB0.60.210
    • HEX#003CD2
    • NCSS 2565-R80B
    • RAL5005
  • Blå 3
    • PANTONE292 C/U
    • CMYK55.13.0.0
    • RGB125.205.255
    • HEX#7DCDFF
    • NCSS 1050-R90B
    • RAL5012
  • Blå 4
    • PANTONE290 C/U
    • CMYK25.1.0.0
    • RGB200.235.250
    • HEX#C8EBFA
    • NCSS 1020-B (125)
    • RAL5024
  • Klargrön
    • PANTONE2268 C/U
    • CMYK64.0.77.0
    • RGB55.225.100
    • HEX#37E164
    • NCSS 0570-G207
    • RAL6018

Komplement­färger

För att komplettera huvud­färgerna finns även en palett av av andra färger som kan kombineras med dessa för att skapa en större färgrymd och variation. Dessa används mer sparsmakat och ska tillföra dynamik, energi och värme.

  • Grön 3
    • PANTONE343 C/U
    • CMYK87.13.72.56
    • RGB0.85.65
    • HEX#005541
    • NCSS 6030-G
    • RAL6035
  • Grön 2
    • PANTONE2253 C/U
    • CMYK21.0.21.0
    • RGB185.245.225
    • HEX#B9F5E1
    • NCSS 0530-G10Y
    • RAL6019
  • Rosa 1
    • PANTONE169 C/U
    • CMYK0.45.35.0
    • RGB249.155.143
    • HEX#F99B8F
    • NCSS 0540-R (77)
    • RAL3014
  • Gul 1
    • PANTONE141 C/U
    • CMYK0.35.70.0
    • RGB250.180.85
    • HEX#FAB455
    • NCSS 1060-Y10R
    • RAL1023

Svart och vitt

Svart används i print där hög läsbarhet krävs. Vit används till texter och till logotyp mot mörk bakgrund.

  • Black
    • PANTONE
    • CMYK0.0.0.100
    • RGB13.13.13
    • HEX#0D0D0D
    • NCS
    • RAL
  • White
    • PANTONE
    • CMYK100.89.0.4
    • RGB253.253.253
    • HEX#FDFDFD
    • NCS
    • RAL

Utökad färgpalett

Färgpaletten kan behöva utökas ytterligare vid utveckling av illustrationer eller infografik.

I första hand använder vi vår färgpalett för att färgsätta våra illustrationer. För de emotionella illustrationerna finns det större behov av en utökad färgpalett. Färgerna ska upplevas varma och jordnära och hjälpa till att illustrera mångfald och miljöer.

Denna utökade färgpalett används endast som komplement i våra illustrationer.

  • Illustration 1
    • PANTONE
    • CMYK57.60.57.65
    • RGB66, 54, 51
    • HEX#423633
    • NCS
    • RAL
  • Illustration 2
    • PANTONE
    • CMYK44.54.50.45
    • RGB107, 84, 79
    • HEX#6B544F
    • NCS
    • RAL
  • Illustration 3
    • PANTONE
    • CMYK59.83.68.86
    • RGB41, 10, 5
    • HEX#290A05
    • NCS
    • RAL
  • Illustration 4
    • PANTONE
    • CMYK40.81.77.65
    • RGB82, 36, 26
    • HEX#52241A
    • NCS
    • RAL
  • Illustration 5
    • PANTONE
    • CMYK0.20.41.0
    • RGB255, 214, 163
    • HEX#FFD6A3
    • NCS
    • RAL
  • Illustration 6
    • PANTONE
    • CMYK0.11.48.0
    • RGB255, 227, 153
    • HEX#FFE399
    • NCS
    • RAL
  • Illustration 7
    • PANTONE
    • CMYK15.89.57.5
    • RGB201, 54, 79
    • HEX#C9364F
    • NCS
    • RAL
  • Illustration 8
    • PANTONE
    • CMYK0.24.16.0
    • RGB250, 209, 204
    • HEX#FAD1CC
    • NCS
    • RAL

Färgsättning i infografik görs primärt i blått och grönt från färgpaletten.

Använd till exempel den ljusblå bakgrundsfärgen som neutral komplementfärg. Den gröna färgen kan användas för att lyfta fram infor­mation.

Som komplement till den blågröna färgskalan finns ytterligare två färgställningar i orange och rött. De används då den blågröna färgskalan inte räcker till för att åtskilja infor­mation eller värden färgmässigt på ett tydligt sätt.

Denna utökade färgpalett används endast som komplement i vår infografik.

  • Infografik 1
    • PANTONE
    • CMYK10.71.100.0
    • RGB218, 97, 12
    • HEX#DA610C
    • NCS
    • RAL
  • Infografik 2
    • PANTONE
    • CMYK0.11.48.0
    • RGB255, 227, 153
    • HEX#FFE399
    • NCS
    • RAL
  • Infografik 3
    • PANTONE
    • CMYK15.89.57.5
    • RGB201, 54, 79
    • HEX#C9364F
    • NCS
    • RAL
  • Infografik 4
    • PANTONE
    • CMYK0.24.16.0
    • RGB250, 209, 204
    • HEX#FAD1CC
    • NCS
    • RAL

Princip 1

Den Mörkblå färgen (primär-färg) skall alltid vara den dominerade färgen på våra applikationer.

Princip 2

Övriga färger används för att komplettera den Mörkblå färgen.

Princip 3

Vissa applikationer får ha en annan dominerande färg, t.ex. Klarblå, men endast när det är i grupp med andra applikationer där Mörkblå är dominerande.

Färgrelationer

För att säkerställa att vi alltid uppträder konsekvent och att vår identitet är tydlig finns det en hierarki för hur man skall använda färger.

Vi delar in våra färger i grupperna; primärfärg, sekundärfärger och komplement­färger.

Olika färger från mörkblå till ljusblå, mörkgrön till ljusgrön, rosa och gul.

Uppställningen illustrerar viktningen av färganvändning i alla delar av profilen.

Primärfärg

Den Mörkblå färgen är en av våra främsta identitets­bärare. Färgen skall alltid finnas med i alla applikationer.

Sekundärfärger

Klarblå, Blå 3, Blå 4 och Klargrön är färger som kompletterar och lättar upp det Mörkblå och skapar ett större färgspektra.

Komplement­färger

Övriga färger kompletterar identiteten och skapar större färgrymd och variation.

Observera att vitt också spelar en stor roll för att lätta upp i färgsystemet.

Färg­kombinationer

För att säkerställa en stark identitet skall den Mörkblå färgen vara dominerande.
I de undan­tagsfall komplement­färger är dominerande skall de alltid kombineras med någon av de blå färgerna.

Matris med färgkombinationer. Första raden med mörkblå bakgrund, andra raden med blått och tredje raden med mörkgrönt. I varje kolumn  är en cirkel med gul, rosa, blå, ljuslå, grön och ljusgrön.

Genom att använda någon av dessa färg­kombinationer säkerställer vi att god kontrast erhålls.

Kontrastfärger

Det finns 28 tillåtna färg­kombinationer inom vårt färgsystem (exklusive svart och vitt) i vilka god kontrast erhålls.

Primärt ska den Mörkblå färgen vara dominerande.

Sekundärt kan någon av sekundärfärgerna vara dominerande.

Exempel där komplement­färger är dominerande skall betraktas som undantag och får bara finnas i kombination med ovan nämnda exempel.

Alla dessa färg­kombinationer är testade enligt WCAGs (Web Content Accessibility Guidelines) riktlinjer för läsbarhet och användar­vänlighet i digitala kanaler. Här visas de färg­kombinationer som får godkänt enligt WCAGs standard för AAA.

  • AAAVitmotMörkblå
  • AAAMörkblåmotGul 1
  • AAARosa 1motMörkblå
  • AAABlå 3motMörkblå
  • AAABlå 4motMörkblå
  • AAAKlargrönmotMörkblå
  • AAAGrön 2motMörkblå
  • AAAMörkblåmotBlå 3
  • AAAKlarblåmotBlå 3
  • AAAVitmotKlarblå
  • AAAGul 1motKlarblå
  • AARosa 1motKlarblå
  • AAABlå 3motKlarblå
  • AAABlå 4motKlarblå
  • AAAKlargrönmotKlarblå
  • AAAGrön 2motKlarblå
  • AAAMörkblåmotBlå 4
  • AAAKlarblåmotBlå 4
  • AAAKlarblåmotGrön 2
  • AAAMörkblåmotKlargrön
  • AAAKlarblåmotKlargrön
  • AAABlå 3motGrön 3
  • AAABlå 4motGrön 3
  • AAAMörkblåmotGul 1
  • AAAKlarblåmotGul 1
  • AAAMörkblåmotRosa 1
  • AAAMörkblåmotVit
  • AAAKlarblåmotVit

Exempel på färghantering

Grön folder med villkor för försäkring vid arbetsskada. På omslaget syns en illustration av två händer som lindar ett förband på en annan persons hand.
Två reklamaffischer för Afa Försäkring varav ena med bild på en sittande man vis ett skrivbord och den andra med grön text på blå bakgrund.