Hoppa till innehåll

Webbfärger

Tillgänglighet

På våra webbplatser och i digitala plattformar använder vi en anpassad färgskala för att leva upp till WCAG 2.0 riktlinjer för tillgänglighet. Liksom i övrigt material använder vi oss av en monokromatisk färgskala.

 

Vätterblå

Vätterblå – primär: #00659E

Vätterblå – mörk: #004D74

Vätterblå – ljus: #E5F2F9

Om det ska ligga text på den primära eller mörka färgen ska textfärgen alltid vara ljus (#FFFFFF). På den ljusa färgen ska textfärgen alltid vara mörk (#333333).

 

Hallonröd

Hallonröd – primär: #DA394A

Hallonröd – mörk: #AD2D3A

Hallonröd – ljus: #FBEBED

Om det ska ligga text på den primära eller mörka färgen ska textfärgen alltid vara ljus (#FFFFFF). På den ljusa färgen ska textfärgen alltid vara mörk (#333333).

 

Turkos

Turkos – primär: #008393

Turkos – mörk: #006373

Turkos – ljus: #E5F6F8

Om det ska ligga text på den primära eller mörka färgen ska textfärgen alltid vara ljus (#FFFFFF). På den ljusa färgen ska textfärgen alltid vara mörk (#333333).

 

Smaragdgrön

Smaragdgrön – primär: #008369

Smaragdgrön – mörk: #006349

Smaragdgrön – ljus: #E5F6F2

Om det ska ligga text på den primära eller mörka färgen ska textfärgen alltid vara ljus (#FFFFFF). På den ljusa färgen ska textfärgen alltid vara mörk (#333333).

 

Aprikos

Aprikos – primär: #BE5840

Aprikos – mörk: #BE3820

Aprikos – ljus: #FDF0ED

Om det ska ligga text på den primära eller mörka färgen ska textfärgen alltid vara ljus (#FFFFFF). På den ljusa färgen ska textfärgen alltid vara mörk (#333333).

 

Apelsin

Apelsin – primär: #F49A00

Apelsin – mörk: #C27A00

Apelsin – ljus: #E5F2F9

OBS: Textfärgen ska alltid vara mörk (#333333), oavsett om texten ska ligga på den primära, mörka eller ljusa färgen.

 

Syrenlila

Syrenlila – primär: #8B4A86

Syrenlila – mörk: #6F3B78

Syrenlila – ljus: #F3EDF4

Om det ska ligga text på den primära eller mörka färgen ska textfärgen alltid vara ljus (#FFFFFF). På den ljusa färgen ska textfärgen alltid vara mörk (#333333).

 

Midnattsblå

Midnattsblå – primär: #183C49

Midnattsblå – mörk: #122C36

Om det ska ligga text på den primära eller mörka färgen ska textfärgen alltid vara ljus (#FFFFFF).

 

Varmgrå

Varmgrå – primär: #EDEAE4

Om det ska ligga text på ska textfärgen alltid vara mörk (#333333).

 

Svart

Svart: #333333

Om det ska ligga text på ska textfärgen alltid vara ljus (#FFFFFF).

 

Vit

Vit: #FFFFFF

Mörk textfärg (#333333) är att föredra men någon av de andra profilfärgerna kan också användas, dock inte varmgrå. Använd i så fall de primära färgerna ovan.