Skip to main content

Website colours

Accessibility: Colour contrast

To meet accessibility regulations, the colour contrast ratio for text and interactive elements must have a ratio of at least 4.5:1.

WCAG 2.2 Success criterion 1.4.3 Contrast (minimum)

WebAim: Colour contrast checker

plymouth.gov.uk colours

These are the colours we use on plymouth.gov.uk

Brand colour

""
PCC website brand green:  #005C26

Buttons

""
Button green: #00703c 
""
Button hover over green: #005a30 
""
Button text white: #ffffff 
""
Text link green: #015a2c 
""
Text link hover blue: #003078 
""
Text link visited purple: #4c2c92 

Focus state

""
 Focus colour yellow: #ffdd00

Only use this colour to indicate which element is focused on. For example when a user tabs to an element using their keyboard.

Text

""
Text colour black: #0b0c0c 
""
Secondary text colour: #626a6e; 
""
Canvas background colour: #f3f2f1