Web apps / Utilities

Contrast Checker

Pick a text color and a background color. The ratio updates as you change them, along with a preview of the words.

Text Text hex Background Background hex

21.00 : 1

The quick brown fox jumps over the lazy dog.

Large text stays easy to read.

AA normal4.5 : 1

AA large3 : 1

AAA normal7 : 1

AAA large4.5 : 1

The levels

WCAG 2 uses these minimum ratios. Normal text is about 16px. Large text here is 24px and bold, which matches the large-text rule. AA is the usual target for body text. AAA is stricter.

The math uses the WCAG relative luminance formula. Nothing is uploaded.