UiO's colours and accessability requirements
Overview of approved colour combinations within UiO's colour palette.
The University of Oslo must meet accessibility requirements. When we choose colours for text and backgrounds on different kinds of graphic materials, we have to make sure that the resulting colour combinations have a sufficiently high contrast ratio.
To make this as easy as possible, we have tested all colour combinations within UiO's colour palette and documented which of them meet the contrast accessibility requirements.
On this page you find an overview of
- approved background colours for black text
- approved text colours for black backgrounds
- approved background colours for white text
- approved text colours for white backgrounds
- options for coloured text on coloured backgrounds
Would you like to see the complete evaluation of all possible colour combinations?
Approved background colours for black text
Grey
#B2B3B7
? AAA
? AAA
Yellow
#FFFEA7
? AAA
? AAA
Light blue
#86A4F7
? AAA
? AAA
Blue tone
#E6ECFF
? AAA
? AAA
Green
#2EC483
? AAA
? AAA
Light green
#6CE1AB
? AAA
? AAA
Green tone
#CEFFDF
? AAA
? AAA
Red
#DD0000
–
? AA
Light red
#FB6666
? AAA
? AAA
Red tone
#FEE0E0
? AAA
? AAA
Orange
#FEA11B
? AAA
? AAA
Light orange
#FDCB87
? AAA
? AAA
Orange tone
#FFE8D4
? AAA
? AAA
Approved text colours for black background
Grey
#B2B3B7
? AAA
? AAA
Yellow
#FFFEA7
? AAA
? AAA
Light blue
#86A4F7
? AAA
? AAA
Blue tone
#E6ECFF
? AAA
? AAA
Green
#2EC483
? AAA
? AAA
Light green
#6CE1AB
? AAA
? AAA
Green tone
#CEFFDF
? AAA
? AAA
Red
#DD0000
–
? AA
Light red
#FB6666
? AAA
? AAA
Red tone
#FEE0E0
? AAA
? AAA
Orange
#FEA11B
? AAA
? AAA
Light orange
#FDCB87
? AAA
? AAA
Orange tone
#FFE8D4
? AAA
? AAA
Approved background colours for white text
Black (logo colour)
#000000
? AAA
? AAA
Blue
#3E31D6
? AAA
? AAA
Red
#DD0000
? AA
? AAA
Approved text colours for white background
Black (logo colour)
#000000
? AAA
? AAA
Blue
#3E31D6
? AAA
? AAA
Red
#DD0000
? AA
? AAA
Coloured text on coloured background
For those who'd like to use coloured text on coloured backgrounds, we have created a table that shows which text/background combinations – excluding black and white – meet the accessibility requirements.