WCAG Contrast Checker

Use the colour pickers or type hex, rgb(), or hsl() for text and background to see the contrast ratio and WCAG 2.1 AA / AAA pass or fail.

Text (foreground)

Background

Sample heading text

Body text at normal size — WCAG uses 18pt+ regular or 14pt+ bold as "large" text for the relaxed thresholds.

Contrast ratio

14.63:1

WCAG 2.1 requirements

AA — normal text

Minimum 4.5:1

Pass

AA — large text

Minimum 3:1

Pass

AAA — normal text

Minimum 7:1

Pass

AAA — large text

Minimum 4.5:1

Pass