Select Page

The AODA Colour Contrast Checker by tech360

Your Colour Palette

Your Colour Analysis

Sample Text

Foreground:

Background:

I've...seen things you people wouldn't believe. Attack ships on fire off the shoulder of Orion. I've watched C‑beams glitter in the dark near the Tannhäuser Gate. All those...moments...will be lost in time, like tears...in rain. — Roy Batty

About:

Designed and developed by tech360, the AODA Colour Contrast Tool helps you select and test colour palettes for AODA compliance.
Color contrast ratios are calculated dynamically as you enter or select colours to give you a “GO” or “NO-GO” on the colour combinations.

Instructions:

  • To change the colour name, edit the name in the colour chip and it will be updated in the table automatically.
  • To change the colour, click on a colour block in the chip to open a colour picker, or type in the hex value directly.
  • To rearrange the colour palette, drag on the “handles” at the top-left of each colour card.
  • AODA contrast ratios in the main chart are updated automatically as you try different colours.
  • A green ✔ indicates the foreground and background colour combination passes the AODA contrast ratio requirements.
  • A red ✗ means the colour combination does not pass AODA.
  • Click on any result cell to see samples of the colour combinations.

WCAG 2.0 Definitions

Level 1: AA-Large requires a minimum contrast ratio of 3:1 and large text (14pt-bold/18pt-regular and larger).
Level 2: AA requires a contrast ratio of 4.5:1 or higher for all sizes of text.
Level 3: AAA-Large requires a minimum contrast ratio of 4.5:1 and large text (14pt-bold/18pt-regular and larger).
Level 4: AAA requires a contrast ratio of 7:1 or higher for all sizes of text.

Large text is defined as 14 point bold (typically 18.66px) or larger, or 18 point regular (typically 24px) or larger.

Have a question about PDF Remediation or making your digital documents AODA compliant?

Sent us a note, we’d be happy to help…