Colour Compliance |
White on black |
Yellow on black |
||
Colour contrast is important to ensure our content is legible and accessible for everyone. |
White on indigo |
|||
These guidelines are for colour application in all digital channels to achieve Web Content Accessibility Guidelines( WCAG) AA standard.Where text is on a colour background we aim for 4.5:1 contrast ratio to ensure legibility. You can check the contrast ratio of your artwork / content using this contrast checker.Black type should be used in most applications. White type can only be used on teal, purple and indigo as these secondary colours meet the contrast ratio minimums.Accent colours are never used for text. We rarely use black backgrounds, however it may appear in digital for small panels. Refer to the colour proportions on previous page for use of black.This is broad guidance only. Colour tints and type size for example, may impact contrast ratio. We encourage you to always check your content using a contrast checker to ensure it complies with the minimum standard. |
Black on whiteYellow on white |
Black on yellowWhite on yellow |
Black on accentAccent on any colour |
White on purpleWhite on tealWhite on redWhite on blueWhite on pinkWhite on greenWhite on orange |
59 | Back to contents |
||||
Master Style Guide |