Färg

Huvudfärg 

Precis som vår logotyp är vår huvudfärg inspirerad av kungsängsliljan. Den liljeröda färgen är en viktig del av vår visuella identitet. Liljeröd ska alltid vara den dominerande färgen i alla uttag. 

Liljeröd

Liljeröd.png

CMYK: 30, 100, 30, 0 
PMS: 227 
RGB: 184, 24, 103 
HEX: #B81867 

Komplementfärger 

Som komplement till vår huvudfärg har vi fyra komplementfärger: orange, gul, blå och grön. Dessa används endast i kombination med vår huvudfärg, till exempel i pratbubblor och andra dekorelement. 

Orange

Orange.pngCMYK: 0, 65, 55, 0
PMS: 7416
RGB: 213, 118, 103
HEX: #D57667

Gul

Gul.pngCMYK: 0, 35, 100, 0 
PMS: 130 
RGB: 249, 176, 0 
HEX: #F9B000 

Blå

Blå.pngCMYK: 90, 0, 0, 0 
PMS: 2995 
RGB: 1, 156, 215 
HEX: #019CD7

GrönGrön.png

CMYK: 65, 0, 60, 0 
PMS: 346 
RGB: 74, 162, 113 
HEX: #4AA271 

Bakgrundsnyanser 

Bakgrundsnyanserna används som bakgrund på i stort sett allt material vi producerar. De ska alltid kompletteras med bården i den liljeröda huvudfärgen. Bårdens höjd ska vara en femtedel av liljan i logotypen. 

Att använda ljust färgade bakgrunder ger inte bara ett mjukare intryck utan bidrar också till att öka läsbarheten i texter. I och med att bakgrundsnyanserna alltid kompletteras med bården och liljeröda rubriker tappar vi inte bort vår huvudfärg som är en viktig del av vår visuella identitet. 

Det finns inga regler för vilken av bakgrundsnyanserna som ska användas när. En regel är dock att inte kombinera flera bakgrundsnyanser i en och samma enhet. Använd inte heller någon av komplementfärgerna till text och rubriker. 

Liljeröd ljus

Liljeröd_ljus.pngCMYK: 5, 15, 5, 0 
PMS: 15 % av 227 
RGB: 244, 220, 232 
HEX: #F4DCE8 

Orange ljus

Orange_ljus.pngCMYK: 0, 13, 11, 0 
PMS: 20 % av 7416 
RGB: 247, 228, 225 
HEX: #F7E4E1 

Gul ljus

gul_ljus.pngCMYK: 0, 7, 20, 0 
PMS: 20 % av 130 
RGB: 254, 239, 204 
HEX: #FEEFCC

Blå ljus

blå_ljus.pngCMYK: 18, 0, 0, 0 
PMS: 20 % av 2995 
RGB: 204, 235, 247 
HEX: #CCEBF7

Grön ljus

grön_ljus.pngCMYK: 13, 0, 12, 0 
PMS: 20 % av 346 
RGB: 219, 236, 227 
HEX: #DBECE3

Gråskala 

I vissa sammanhang är det nödvändigt med en gråskala, till exempel på webben. Använd gråskalan med försiktighet och bara när det är absolut nödvändigt. På webbplatser kan vid behov fler gråtoner som ligger mellan den ljusa och den mörka grå användas. 

Grå

Gråskala_grå.pngCMYK: 59, 40, 38, 20 
PMS: Cool Gray 9 
RGB: 111, 120, 126 
HEX: #6F787E 

Grå ljus

Gråskala_grå_ljus.pngCMYK: 11, 8, 7, 4 
PMS: Cool Gray 1 
RGB: 226, 228, 229 
HEX: #E2E4E5

Tillgänglighet i färgerna 

Region Uppsala måste enligt lag följa tillgänglighetsdirektivet WCAG 2.1. Att inte göra det skapar sämre förutsättningar för våra invånare och kan medföra vitesföreläggande. Vi måste därför noggrant följa de krav som finns kring bland annat färger och textstorlekar. 

Färgkontrast kan inte bedömas visuellt, kontrasten måste mätas med särskilda digitala verktyg och passera de krav som tillgänglighetsdirektivet ställer. Vilka textfärger som får användas på vilka bakgrundsfärger och i vilken storlek framstår av bilden. 

Kontakt

Kommunikations- och informationsavdelningen