Color contrast checker (WCAG)

Contrast between text and background is measured as a luminance ratio, from 1:1 to 21:1. The WCAG 2.2 guidelines require at least 4.5:1 for normal text and 3:1 for large text (24 px, or 18.66 px bold) at level AA; level AAA raises it to 7:1 and 4.5:1.

Text color

Background color

Sample heading

This is how a paragraph reads with this color combination.

Contrast ratio

14,08 : 1

Normal text AA (4.5:1)Pass

Large text AA (3:1)Pass

Normal text AAA (7:1)Pass

Large text AAA (4.5:1)Pass

Icons and borders (3:1)Pass

It runs in your browser. Nothing you enter is sent to any server.