Skip to content
AA

Contrast Checker

Check WCAG AA/AAA contrast ratios.

The quick brown fox jumps over the lazy dog.

いろはにほへと ちりぬるを わかよたれそ つねならむ

Large heading sample

14.63:1

Contrast ratio (WCAG)

WCAG AA
Normal ✓Large ✓
WCAG AAA
Normal ✓Large ✓

About Contrast Checker

A contrast checker computes luminance contrast between text and background against WCAG AA/AAA thresholds. toco.tools shows ratio and pass/fail badges for normal and large text entirely in the browser. Passing ratios are not the whole story—also verify with real devices and diverse vision needs.

How to use

  1. Enter foreground and background
  2. Check ratio and WCAG badges
  3. Adjust colors and recheck

FAQ

What is a contrast checker?

A tool that measures text/background contrast against WCAG AA/AAA.

AA vs AAA?

AAA is stricter; thresholds also differ for normal vs large text.

Is uploaded data sent externally?

No. All processing runs in your browser; nothing is sent to toco.tools servers.