Color Contrast Checker

Check the WCAG contrast ratio between a text color and a background color.

Text color

Background color

Preview as large/bold text

The quick brown fox jumps over the lazy dog.

How it works

The ratio is computed from each color's relative luminance using the same formula as the WCAG 2.1 spec - the exact calculation browsers and accessibility auditing tools use.