Färger
Vår färgpalett består av en primärfärg, tre sekundärfärger och ett antal komplementfärger. För att skapa igenkänning och tydlighet i vår kommunikation använder vi endast i undantagsfall fler färger än de som beskrivs här.
Samtliga färger är säkrade för tryck och digitalt bruk och uppfyller kraven för WCAG 2.0, AA.
För färgkoder som ska användas för digitalt bruk, hänvisas även till Ineras UX-ramverk med tillhörande designsystem.
Primärfärg Röd
Primärfärg Röd är vår viktigaste identitetsbärande färg. Kombinerad med sekundärfärgena bildar den vår visuella identitets färgsignatur. Sekundärfärgerna är mörkröd, ljusrosa, ljusgrå och vit.
Primärfärgen Röd ska vara närvarande i vår kommunikation, men inte dominant, med en fördelning på ¼ mot övriga färger.
Användning
- För att etablera vår närvaro, exempelvis som inledning och avslut i ett tryckt material, bildspel, film eller digital upplevelse.
- Primär logotyp.
- Bakgrund för vit logotyp.
- Enfärgad och tvåfärgad rubrik.
- Linjer i ikoner och illustrationer, i kombination med mörkröd.
- Punktlistor.
- Sidfot.
Färgkoder Röd
För tryck på bestruket papper:
PMS: 193 C
CMYK: 22, 100, 76, 0
För tryck på obestruket papper:
PMS: 1935 U
CMYK: 0, 93, 62, 7
RGB: 193, 33, 67
HEX: #C12143
Är du osäker på vilket papper du ska trycka på eller vilken teknik du ska trycka med, välj i så fall PMS och CMYK för bestruket papper.
Sekundärfärger
Våra sekundärfärger formar tillsammans med primärfärg Röd, vår visuella identitets färgsignatur.
Mörkröd används för att skapa kontraster i tvåfärgade rubriker och grafik.
Ljusrosa och ljusgrå används till bakgrunder för text och grafik.
Färgkoder Mörkröd
PMS C: 209 (Bestruken)
CMYK: 20, 97, 45, 58
PMS U: 209 (Obestruken)
CMYK: 22, 90, 40, 35
RGB: 106, 0, 50
HEX: #6A0032
Färgkoder Ljusrosa
CMYK: 1, 6, 2, 0
RGB: 250, 238, 240
HEX: #FAEEF0
Ljusrosa används som bakgrund för budskap. Den kan ersättas med ljusgrå när det inte passar med ljusrosa.
Färgkoder Ljusgrå
CMYK: 4, 2, 3, 0
RGB: 241, 242, 242
HEX: #F1F2F2
Ljusgrå används som bakgrund för budskap. Den kan ersättas med ljusrosa när det inte passar med ljusgrå.
Komplementfärger
Våra komplementfärger används för visualiseringar som exempelvis illustrationer, animationer och infografik. Färgerna är speciellt framtagna för att fungera bra ihop och harmoniera med primär- och sekundärfärgerna.
Paletten består av fem färger i fem toner: bas, mörk, klar, linje och bakgrund.
Tänk på det här när du arbetar med komplementfärgerna:
- Använd dem för visualisering.
- Anpassa färgval efter budskap och målgrupp.
- Använd inte komplementfärgerna på identitetsbärande element som logotyp, text, cirkel, eller ikoner.
Himmel
Färgrymd: Himmel | Bas | Mörk | Klar | Linje | Bakgrund |
---|---|---|---|---|---|
CMYK | 83, 58, 22, 6 | 84, 77, 36, 23 | 75, 29, 0, 0 | 21, 11, 6, 0 | 4, 3, 1, 0 |
RGB | 57, 98, 145 | 59, 66, 102 | 0, 151, 227 | 198, 210, 223 | 241, 241, 245 |
HEX | #396291 | #3B4266 | #0097E3 | #C6D2DF | #F1F1F5 |
Gräs
Färgrymd: Gräs | Bas | Mörk | Klar | Linje | Bakgrund |
---|---|---|---|---|---|
CMYK | 77, 20, 100, 6 | 74, 43, 99, 41 | 61, 1, 100, 0 | 19, 4, 29, 0 | 5, 0, 7, 0 |
RGB | 64, 144, 2 | 57, 84, 40 | 111, 187, 43 | 207, 222, 191 | 238, 248, 238 |
HEX | #419002 | #395428 | #6FBB2B | #CFDEBF | #EEF8EE |
Plommon
Färgrymd: Plommon | Bas | Mörk | Klar | Linje | Bakgrund |
---|---|---|---|---|---|
CMYK | 36, 89, 11, 0 | 62, 93, 41, 36 | 0, 70, 9, 0 | 1, 25, 3, 0 | 2, 6, 0, 0 |
RGB | 169, 66, 139 | 89, 36, 76 | 244, 115, 159 | 245, 201, 216 | 246, 238, 246 |
HEX | #A9428B | #59244C | #F4739F | #F5C9D8 | #F6EEF6 |
Sol
Färgrymd: Sol | Bas | Mörk | Klar | Linje | Bakgrund |
---|---|---|---|---|---|
CMYK | 0, 61, 100, 0 | 32, 89, 100, 42 | 0, 25, 100, 0 | 1, 7, 48, 0 | 0, 2, 12, 0 |
RGB | 250, 129, 0 | 117, 38, 12 | 255, 193, 0 | 255, 230, 153 | 255, 248, 224 |
HEX | #FA8100 | #75260C | #FFC100 | #FFE699 | #FFF8E0 |
Sten
Färgrymd: Sten | Bas | Mörk | Klar | Linje | Bakgrund |
---|---|---|---|---|---|
CMYK | 61, 52, 50, 21 | 69, 63, 62, 57 | 52, 43, 41, 6 | 13, 10, 10, 0 | 4, 2, 3, 0 |
RGB | 99, 100, 102 | 53, 53, 53 | 128, 130, 133 | 218, 219, 220 | 241, 242, 242 |
HEX | #636466 | #353535 | #808285 | #DADBDC | #F1F2F2 |
Webbfärger
Typ | Call to action | Navigation | Mörkröd |
---|---|---|---|
RGB | 57, 98, 145 | 160, 11, 54 | 106, 0, 50 |
HEX | #396291 | #A00B36 | #6A0032 |