Colours

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

Accessibility

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% 50% 25% 10%
ANU Platinum #4C6E78
RGB(076,110,120)
text-uni
#ACC0C6
RGB(172,192,198)
bg-uni
#D6E0E3
RGB(214,224,227)
bg-uni50
#EAEFF1
RGB(234,239,241)
bg-uni25
#F7F9F9
RGB(247,249,249)
bg-uni10
Charcoal Grey #666666
RGB(102,102,102)
text-grey
#333333
RGB(051,051,051)
bg-grey
#999999
RGB(153,153,153)
bg-grey50
#CCCCCC
RGB(204,204,204)
bg-grey25
#EBEBEB
RGB(235,235,235)
bg-grey10
Black #000000
RGB(000,000,000)
text-black
#000000
RGB(000,000,000)
bg-black
     
White #FFFFFF ^
RGB(255,255,255)
text-white
#FFFFFF
RGB(255,255,255)
bg-white
     

* Previous accent colours ANU Gold and ANU Blue are now both ANU Platinum (eg bg-gold10 is now bg-uni10)
^ 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% 50% 25% 10%
Colour code #001C53
RGB(000,028,083)
#0039A6
RGB(000,057,166)
#809CD3
RGB(128,156,211)
#BFCDE9
RGB(191,205,233)
#E6ECF6
RGB(230,236,246)
Class name text-college bg-college 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:

CollegeTextBorder 100%Background 100%Bg 50%Bg 25%Bg 10%
  CASStext-cassbdr-cassbg-cassbg-cass50bg-cass25bg-cass10
  CAPtext-capbdr-capbg-capbg-cap50bg-cap25bg-cap10
  CBEtext-cbebdr-cbebg-cbebg-cbe50bg-cbe25bg-cbe10
  CECStext-cecsbdr-cecsbg-cecsbg-cecs50bg-cecs25bg-cecs10
  COLtext-colbdr-colbg-colbg-col50bg-col25bg-col10
  CHMtext-chmbdr-chmbg-chmbg-chm50bg-chm25bg-chm10
  COStext-cosbdr-cosbg-cosbg-cos50bg-cos25bg-cos10

Updated:  18 August 2017/ Responsible Officer:  Director Marketing/ Page Contact:  Webstyle