Colour contrast checker

DESIGN

Check text and background against WCAG AA and AAA — the accessibility test most sites quietly fail.

Text colour swatch

Background colour swatch

Start again with the first values

Text colour

Background colour

Result Colour #5A6478 Text #5A6478 Colour #FFFFFF Background #FFFFFF Contrast ratio 5.95:1 AA — good Large text means 18pt (24px) or 14pt (18.66px) bold. Icons, borders and form outlines are interface components and need 3:1.

Requirement

Needs

Result

AA — normal text

4.5:1

Pass (5.95:1)

AA — large text (18pt+)

Pass (5.95:1)

AAA — normal text

Fail (5.95:1)

AAA — large text

4.5:1

Pass (5.95:1)

Interface components

Pass (5.95:1)

Run a spreadsheet of these

Pro runs this tool down a column of cases at once and hands back a file of the answers, plus CSV, Markdown and JSON export of any result.

Websites, apps, cloud, automation and AI for businesses in Nigeria and anywhere else. We build it, host it, watch it and keep it running, and explain everything in plain language.

Our services

Company

Tools

Legal