UoS Brand Accessible Colour Suggester

Introduction

When we use a corporate brand, the requirement to ensure we make accessible choices may leave us reliant on a small set of colours. With each use of the Randomise button, a background colour, text colour, and three graphic colours will appear at random from the UoS brand. This may help you to choose a new accessible and on-brand colour combination for your next document, presentation, or infographic.

Customisation

Upload Your Colors

Upload JSON

JSON file with color hex codes and names

Example format:
[
  {"colourHex": "#FFFFFF", "name": "White"},
  {"colourHex": "#000000", "name": "Black"}
]

Upload CSV

CSV file with colors (supports multiple formats)

Supported formats:
HEX,NAME
#FFFFFF,White
#000000,Black
NAME,HEX
White,#FFFFFF
Black,#000000
HEX
#FFFFFF
#000000

Use the Randomise button to get started!

Results

What does "WCAG Rating" mean?

WCAG means the Web Content Accessibility Guidelines. The rating refers to a number of WCAG success criteria outlined below and for what purpose the level of contrast is suitable.

G: Contrast ratio is at least 3:1
AA: Contrast ratio is at least 4.5:1
AAA: Contrast ratio is at least 7:1