Hvit
HEX
#ffffff
RGB
255, 255, 255
Brukes som primær bakgrunnsfarge og som tekstfarge på mørk bakgrunn.
Tilstrekkelig kontrast
Mørk
Farger
Om kontrast
Etter norsk lov må det alltid være stor nok kontrast mellom bakgrunn og tekstfarge for å oppfylle kravene til universell utforming. Godkjente kontrastfarger er listet opp under hver farge.
På UU-tilsynets nettsider finner du tips, enkle tester og introduksjon til universell utforming. Her kan du lese mer om krav til kontrast for universell utforming.
Basisfarger
Grå lys
HEX
#f5f5f4
RGB
245, 245, 244
Brukes som bakgrunnsfarge for å skape variasjon og på elementer på lys og mørk bakgrunn for å skape variasjon og dybde..
Tilstrekkelig kontrast
Mørk
Grå mørk
HEX
#465b5b
RGB
70, 91, 91
Tilstrekkelig kontrast
Hvit
Grå lys
Mørk
HEX
#1c282d
RGB
28, 40, 45
Den primære tekstfargen på lys bakgrunn. Kan også brukes som bakgrunnsfarge med lys tekst.
Tilstrekkelig kontrast
Hvit
Grå lys
Ekstra mørk
HEX
#0b1c1d
RGB
11, 28, 29
Brukes på elementer på mørk bakgrunn for å skape variasjon og dybde.
Tilstrekkelig kontrast
Hvit
Grå lys
Tilleggsfarger
Tilleggsfargene kan benyttes for å skape variasjon, indikere status, på enkeltstående elementer eller grafer.
Grønn lys
HEX
#dfeee3
RGB
223, 238, 227
Kan brukes som bakgrunnsfarge for å skape variasjon.
Tilstrekkelig kontrast
Grønn mørk
Mørk
Grønn
HEX
#2abba1
RGB
42, 187, 161
Brukes primært på elementer i grensesnittet for å indikere status. Kan også brukes til grafer eller enkeltstående elementer.
Grønn mørk
HEX
#0c7764
RGB
12, 119, 100
Brukes primært som tekstfarge oppå tilhørende lys farge. Kan også brukes til grafer eller enkeltstående elementer.
Tilstrekkelig kontrast
Grønn lys
Blå lys
HEX
#e8f2f6
RGB
232, 242, 246
Kan brukes som bakgrunnsfarge for å skape variasjon.
Tilstrekkelig kontrast
Blå mørk
Mørk
Blå
HEX
#54a3f2
RGB
84, 163, 242
Brukes primært på elementer i grensesnittet for å indikere status. Kan også brukes til grafer eller enkeltstående elementer.
Blå mørk
HEX
#0f66bd
RGB
15, 102, 189
Brukes primært som tekstfarge oppå tilhørende lys farge. Kan også brukes til grafer eller enkeltstående elementer.
Tilstrekkelig kontrast
Blå lys
Rød lys
HEX
#fde7e3
RGB
253, 231, 227
Kan brukes som bakgrunnsfarge for å skape variasjon.
Tilstrekkelig kontrast
Rød mørk
Mørk
Rød
HEX
#ef5e44
RGB
239, 94, 68
Brukes primært på elementer i grensesnittet for å indikere status. Kan også brukes til grafer eller enkeltstående elementer.
Rød mørk
HEX
#c3371e
RGB
195, 55, 30
Brukes primært som tekstfarge oppå tilhørende lys farge. Kan også brukes til grafer eller enkeltstående elementer.
Tilstrekkelig kontrast
Rød lys
Gul lys
HEX
#fdefdf
RGB
253, 239, 223
Kan brukes som bakgrunnsfarge for å skape variasjon.
Tilstrekkelig kontrast
Gul mørk
Mørk
Gul
HEX
#f09627
RGB
240, 150, 39
Brukes primært på elementer i grensesnittet for å indikere status. Kan også brukes til grafer eller enkeltstående elementer.
Gul mørk
HEX
#b35107
RGB
179, 81, 7
Brukes primært som tekstfarge oppå tilhørende lys farge. Kan også brukes til grafer eller enkeltstående elementer.
Tilstrekkelig kontrast
Gul lys