Färger har stor inverkan på hur vi upplever vår omgivning och den kommunikation vi tar del av. För att vi ska uppfattas på det sätt vi vill är det det därför viktigt att vi använder våra profilfärger när vi kommunicerar.
Våra färger
Vår färgpalett har hämtat sin inspiration från material och naturmiljöer omkring oss. Färgerna bär namn som för tankarna till något jordnära, sinnligt eller välbekant. Sandsten – som återfinns i fasaden på Gävle brandstation och körsbärsblom – en vacker syn i stadens utemiljö.
Svart och vitt ingår inte i färgpaletten men förekommer vid behov.
Primärfärger
Komplementfärger
Logotypens färger
Primärfärger
Våra primärfärger är de som ska användas mest. De speglar vårt varumärke med sina varma toner. Färgerna Körsbärsblom och Soluppgång är signalfärger som används för att lyfta detaljer eller något som är extra viktigt.
Sandsten
| CMYK | RGB | Webb | PMS (C) |
|---|---|---|---|
| 20 25 40 4 | 205 184 155 | #CDB89B | 467 |
Tallskott
| CMYK | RGB | Webb | PMS (C) |
|---|---|---|---|
| 55 20 55 5 | 128 163 129 | #80A381 | 556 |
Körsbärsblom
| CMYK | RGB | Webb | PMS (C) |
|---|---|---|---|
| 10 65 50 0 | 222 116 111 | #DE746F | 486 |
Soluppgång
| CMYK | RGB | Webb | PMS (C) |
|---|---|---|---|
| 0 65 98 0 | 238 115 14 | #E27206 | 716 |
Komplementfärger
Våra komplementfärger används främst av funktionella skäl. De fungerar bra som bakgrundsplattor, textfärg eller bara för att skapa variation.
Jordnära
| CMYK | RGB | HEX | PMS (C) |
|---|---|---|---|
| 0 20 20 90 | 60 51 45 | #3C332D | 2322 |
Kalksten
| CMYK | RGB | HEX | PMS (C) |
|---|---|---|---|
| 5 10 20 5 | 236 223 203 | #ECDFCB | 7527 |
Granskugga
| CMYK | RGB | HEX | PMS (C) |
|---|---|---|---|
| 76 45 55 47 | 52 79 75 | #3F504C | 5545 |
Morgondis
| CMYK | RGB | HEX | PMS (C) |
|---|---|---|---|
| 20 5 20 5 | 206 218 205 | #CEDACD | 351 |
Logotypens färger
I vår primära logotyp finns två färger – Glöd och Järnbruk. Dessa färger används bara i logotypen.
Glöd
| CMYK | RGB | Webb | PMS (C) |
|---|---|---|---|
| 20 90 100 10 | 184 51 24 | #B83318 | 180 |
Järnbruk
| CMYK | RGB | Webb | PMS (C) |
|---|---|---|---|
| 50 55 55 55 | 87 71 64 | #574740 | Warm Grey 11 |
Ersättningsfärger för webb
För tillräcklig kontrast mellan bakgrund och text i knappar på vår webbplats så finns två ersättningsfärger. De ska endast användas för knappar med fet vit text som är minst 16 punkter stor. De ska aldrig användas i andra sammanhang än på vår webbplats.
| Grundfärg | Ersättningsfärg |
|---|---|
| Orange (#E27206) | #CD6215 |
| Rosa (#DE746F) | #C26A63 |
Bra färgkombinationer
Även om färgerna ingår i samma palett så fungerar de inte alltid tillsammans. Tänk alltid på att text ska ha tillräcklig kontrast mot bakgrunden för att vara tillgänglig.
Färger och tillgänglighet
Hur våra färger kombineras har stor inverkan på hur tillgänglig våra texter blir. Om du är osäker finns verktyg där du kan du testa olika färger för att se om de uppfyller gällande krav (i vårt fall WCAG AA).
Om olika färgsystem
CMYK = Cyan, Magenta, Yellow och K (svart)
Används vid fyrfärgstryck i exempelvis annonser, trycksaker och affischer. CMYK står för Cyan, Magenta, Yellow och Key. CMYK-färger beskrivs med en procentangivelse för varje färg, ex. 20 90 100 10.
RGB = Röd, Grön, Blå
Används vid inläsning av en färgbild. Även de kulörer som datorns skärm återger. RGB har en större färgrymd än CMYK. RGB står för Röd, Grön och Blå. En RGB-färg beskrivs med ett värde, 0-255, för varje färg, ex. 184 51 24.
HEX/Webb
Ett annat sätt att skriva RGB. Används främst i digitala lösningar som ska visas i webbläsare. HEX-färger skrivs med ett nummertecken och sex siffror eller bokstäver, ex. #B83318.
PMS = Pantone Matching System
Används vid dekorfärgtryck. Det är vanligt att kombinera en dekorfärg med fyrfärgstryck för att säkerställa att färgen i en logotyp framställs exakt.
C i färgkoden står för coated vilket är bestruket papper. U i färgkoden står för uncoated vilket är obestruket papper.