These colours are for use on ANU websites only. Colours for printed publications may differ. Please check with the Marketing Office.


Colour combinations must pass minimal contrast checks to be considered accessible.

While all default ANU classes (such as box-solid) are accessible, it may still be possible to create inaccessible combinations. This is especially important when combining classes to use coloured text on a background colour, such as text-college on bg-college.

Each college colour is different, so what is an accessible combination for one college may not be acceptable for another. Please check the accessibility of your combination before using it (via something like Snook contrast checker or the WCAG contrast checker Firefox add-on).

Colour should also not be used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

University colours

All websites can use University colours:

Colour name Text 100% 75% 50% 25% 10%
ANU Platinum #55707D
RGB (085,112,125)
RGB (142,187,208)
RGB (170,204,220)
RGB (199,221,232)
RGB (227,238,243)
RGB (244,248,250)
Charcoal Grey #666666
RGB (102,102,102)
RGB (051,051,051)
RGB (102,102,102)
RGB (153,153,153)
RGB (204,204,204)
RGB (235,235,235)
Black #000000
RGB (000,000,000)
RGB (000,000,000)
White #FFFFFF *
RGB (255,255,255)
RGB (255,255,255)

* Please note that white text on 100 per cent University colour is not accessible and should not be used.

Using colour styles

In the table above, the class names that you can use are indicated underneath the hex code ("bg" means background). For example:

This paragraph is <p class="bg-uni">.

This paragraph is <p class="text-uni"><strong>.

Colour styles are also available for tables, boxes, borders and divider lines.

College colours

For use by college sites

Colleges and areas within them can use accent colours for their own college from the relevant table below.

ANU College of Arts & Social Sciences (CASS)

Text 100% 75% 50% 25% 10%
Colour code #003866
RGB (000,056,102)
RGB (000,093,170)
RGB (064,134,191)
RGB (127,174,213)
RGB (191,214,206)
RGB (230,239,247)
Class name text-college bg-college bg-college75 bg-college50 bg-college25 bg-college10

Please note: Default black text on 100 per cent colour background (bg-college or bg-uni) does not pass accessibility contrast checks for ANU College of Arts & Social Sciences. Text will be set to white text by default.

Using college colour styles

College accents can be implemented with the class names bg-college and text-college. The relevant colour will be drawn automatically from your stylesheet.

For example, on ANU College of Arts & Social Sciences websites:

The shading of this entire box is how <div class="box-college bg-college10"> would appear

This paragraph is how <p class="bg-college"> would appear

This paragraph is how <p class="text-college"> would appear

Colour styles are also available for tables, boxes, borders and divider lines.

For use by central sites

Sites for central divisions and areas use University colours and do not have access to the college classes in the tables above. However, there might be cases when central sites need to use college colours when presenting information about colleges. For example, a central site might be listing courses from several colleges and might want to use the college colours as a visual cue to make the material easier to scan.

The following classes are available to central division and area (ie platinum styled) sites:

College Text Border 100% Background 100% Bg 75% Bg 50% Bg 25% Bg 10%

Updated:  8 June 2018/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle