The quick brown fox
Smaller body text sample — this is how 14px text looks with this colour combination.
Text colour
Background colour
17.47
Contrast ratio
AA Normal✓ Pass
AA Large✓ Pass
AAA Normal✓ Pass
AAA Large✓ Pass
How it works
WCAG (Web Content Accessibility Guidelines) requires minimum contrast ratios between text and background colours. AA compliance requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 for normal text and 4.5:1 for large text. This tool calculates the relative luminance of both colours and computes the contrast ratio using the WCAG formula.
01
Pick text and background colours
02
See the contrast ratio instantly
03
Check WCAG AA/AAA pass or fail
Advertisement