// Color Tool

CONTRAST CHECKER

Check the WCAG 2.1 contrast ratio between any text and background colour, with instant AA and AAA pass/fail badges and a live preview — all computed right in your browser.

Pick Your Colours

Foreground · text colour

Background colour

Contrast Ratio

21.00

21 : 1 contrast ratio

Level

Normal text

Large text

AAmin 4.5 / 3.0

AAAmin 7.0 / 4.5

Large text means at least 18.66px bold, or 24px regular. Thresholds follow WCAG 2.1 success criteria 1.4.3 (AA) and 1.4.6 (AAA).

Live Preview

Large heading text

This is a sample paragraph of normal body text. The quick brown fox jumps over the lazy dog while you check that every word stays comfortably readable against its background.

The preview uses your foreground colour on your background colour exactly as entered.