Tools

Contrast Checker

The same WCAG math this site's own palette was checked against — pick two colors and see where they land against AA and AAA.

Text color

Background color

Quick pick:

14.75:1

Large text sample, 24px+

Normal text sample, 16px — the size most body copy actually ships at.

AA · normal text (4.5:1)PASS

AA · large text (3:1)PASS

AAA · normal text (7:1)PASS

AAA · large text (4.5:1)PASS