← Tools

Color & Accessibility

WCAG Contrast Checker

Pick a text color and a background, and see instantly whether the pairing meets WCAG AA and AAA contrast standards.

Text color
Background color

Large heading text

This is body copy at a normal reading size, shown over your chosen background.

--
Contrast ratio

AA · Normal

--

AA · Large

--

AAA · Normal

--

AAA · Large

--

Large text is 18.66px bold or 24px regular and up. Thresholds: AA needs 4.5 (normal) / 3.0 (large); AAA needs 7.0 (normal) / 4.5 (large).