• Print
   
   

Accessibility online

When using our brand colours online we must make sure we are complying with accessibility guidelines.

The compliance we adhere to are the Web Content Accessibility Guidelines produced by the World Wide Web Consortium. These aim to improve web accessibility for users.

If you would like to check that the colours you are using are accessible, you can also use a colour contrast checker.

 

More information

Our colour chart shows how we can use colour accessibly in typography and how different colour combinations adhere to either AA or AAA compliance. It also shows which colour combinations to avoid, to ensure our communications are suitable for all audiences.

AAA compliance (preferred) requires a contrast ratio of 7:1 for normal text and 4.5:1 for larger text.

AA compliance requires a contrast ratio of 4.5:1 for normal text and 3:1 for large text.

Any combinations marked with an "X" are not to be used as they contravene our approach to accessibility.

Small text is 12–17px and large text is 18px minimum.

Colour accessibility chart

Colour accessibility
Colour White text on coloured background  Coloured text on white background  Black text on coloured background  Coloured text on black background 
Wine red  Sm: AA
Lg: AAA 
Sm: AA
Lg: AAA
Sm: X
Lg: AA
Sm: X
Lg: AA 
Orange  Sm: X
Lg: AA
Sm: X
Lg: AA 
Sm: AA
Lg: AAA 
Sm: AAA
Lg: AAA 
Cool grey  Sm: X
Lg: AA
Sm: X
Lg: AA 
Sm: AA
Lg: AAA 
Sm: AA
Lg: AAA 
Turquoise Sm: X
Lg: AA 
Sm: X
Lg: AA 
Sm: AA
Lg: AAA 
Sm: AA
Lg: AAA 
Bright green  Sm: X
Lg: AA 
Sm: X
Lg: AA 
Sm: AA
Lg: AAA 
Sm: AA
Lg: AAA 
Violet:   Sm: AA
Lg: AAA 
Sm: AA
Lg: AAA 
Sm: X
Lg: AA 
Sm: X
Lg: AA 
Dark green  Sm: AAA
Lg: AAA 
Sm: AAA
Lg: AAA 
Sm: X
Lg: X
Sm: X
Lg: X 
Bright red Sm: AA
Lg: AAA 
Sm: AA
Lg: AAA 
Sm: X
Lg: AA 
Sm: X
Lg: AA 
Blue 1 Sm: X
Lg: AA 
Sm: X
Lg: AA 
Sm: AA
Lg: AAA 
Sm: AA
Lg: AAA 
Blue 2 Sm: AA
Lg: AAA 
Sm: AA
Lg: AAA 
Sm: X
Lg: AA 
Sm: X
Lg: AA 
Blue 3

Sm: AAA
Lg: AAA

Sm: AAA
Lg: AAA
Sm: X
Lg: X 
Sm: X
Lg: X 
Blue 4  Sm: AAA
Lg: AAA 
SM: AAA
Lg: AAA 
Sm: X
Lg: X 
Sm: X
Lg: X 
Blue 5 Sm: AAA
Lg: AAA 
Sm: AAA
Lg: AAA 
Sm: X
Lg: X 
Sm: X
Lg: X 
White  Sm: X
Lg: X 
Sm: X
Lg: X 
Sm: AAA
Lg: AAA 
Sm: AAA
Lg: AAA 
Black Sm: AAA
Lg: AAA
Sm: AAA
Lg: AAA
Sm: X
Lg: X
Sm: X
Lg: X
Neutral 1 Sm: AAA
Lg: AAA
Sm: AAA
Lg: AAA
Sm: X
Lg: X
Sm: X
Lg: X
Neutral 2 Sm: X
Lg: AA
Sm: X
Lg: AA
Sm: AA
Lg: AAA
Sm: AA
Lg: AAA
 
 
 
 

External Relations

University of Nottingham
C Floor, Pope Building (Rooms C2-C10)
University Park
Nottingham, NG7 2RD

telephone: +44 (0) 115 951 5151
contact us: Make a enquiry