Examples & guide

Contrast checker

How to use

Compare two opaque colors against WCAG 2.2 contrast thresholds.

Limits

Contrast is (lighter luminance + 0.05) divided by (darker luminance + 0.05). Use the unrounded ratio for pass/fail. Normal text needs 4.5:1 for AA or 7:1 for AAA. Large text needs 3:1 for AA or 4.5:1 for AAA.

Examples & guide