Region Uppsalas färgpalett

Region Uppsalas färgpalett består av den liljeröda huvudfärgen och flera komplementfärger. Samtliga färger finns även i en ljusare nyans som med fördel kan användas som bakgrundsfärg.

Huvudfärg

Den liljeröda färgen är vår huvudfärg och är en viktig del av vår visuella identitet. Det är samma färg som används i liljan i logotypen. 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. Komplementfärgerna får inte användas i text eller rubriker.

Orange

Orange.png

CMYK: 0, 65, 55, 0
PMS: 7416
RGB: 213, 118, 103
HEX: #D57667

Gul

Gul.png

CMYK: 0, 35, 100, 0 
PMS: 130 
RGB: 249, 176, 0 
HEX: #F9B000 

Blå

Blå.png

CMYK: 90, 0, 0, 0 
PMS: 2995 
RGB: 1, 156, 215 
HEX: #019CD7

Grön

Grön.png

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

Bakgrundsnyanser 

De ljusa nyanserna används som bakgrund på i stort sett allt material vi producerar. Att använda ljust färgade bakgrunder ger inte bara ett mjukare intryck utan bidrar också till att öka läsbarheten i texter.

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. 

Bakgrundsnyanserna kompletteras alltid med bården och rubrik i den liljeröda färgen. I och med det tappar vi inte bort vår huvudfärg, som är en viktig del av vår visuella identitet. Bårdens höjd ska vara en femtedel av liljan i logotypen. Läs mer om hur och när bården används på sidan Region Uppsalas dekorelement

Liljeröd ljus

Liljeröd_ljus.png

CMYK: 5, 15, 5, 0 
PMS: 15 % av 227 
RGB: 244, 220, 232 
HEX: #F4DCE8 

Orange ljus

Orange_ljus.png

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

Gul ljus

gul_ljus.png

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

Blå ljus

blå_ljus.png

CMYK: 18, 0, 0, 0 
PMS: 20 % av 2995 
RGB: 204, 235, 247 
HEX: #CCEBF7

Grön ljus

grön_ljus.png

CMYK: 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 eller i it-system. 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å.png

CMYK: 59, 40, 38, 20 
PMS: Cool Gray 9 
RGB: 111, 120, 126 
HEX: #6F787E 

Grå ljus

Gråskala_grå_ljus.png

CMYK: 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 målgrupper 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. 

Godkända färgkontraster

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 bilderna.   

Godkända färgkontraster för textstorlek 18 pkt eller större:

Godkända färgkontraster för textstorlek 17 pkt eller mindre:

Godkända färgkontraster för alla textstorlekar:

 

 

 

Kontakt

Kontakta kommunikations- och informationsavdelningen om du har frågor: kommunikation@regionuppsala.se.