letsreadnews.com / tools / contrast checker

Contrast Checker

Text that's technically visible isn't always genuinely readable, especially for people with low vision or color blindness. This tool checks any two colors against the WCAG accessibility standard.

The quick brown fox
jumps over the lazy dog. 0123456789
21.0
Contrast ratio
AA · Normal text
AA · Large text
AAA · Normal text
AAA · Large text

Why use this tool?

Text that's technically visible isn't always genuinely readable, especially for people with low vision or color blindness. This tool checks any two colors against the WCAG accessibility standard.

How it works

  1. Enter or pick your text color and background color.
  2. Read the contrast ratio and pass/fail results for AA and AAA.
  3. Adjust either color until you get a pass for the level you need.

Frequently asked questions

What's the difference between AA and AAA?AA is the standard most sites are expected to meet; AAA is a stricter standard used for content aimed at accessibility-critical audiences.
What counts as 'large text'?WCAG defines large text as 18pt (24px) or larger, or 14pt (18.5px) bold — large text has a lower contrast requirement.
Does this check color blindness specifically?No, this checks luminance contrast per WCAG guidelines, which helps broadly but isn't a full color-blindness simulation.

Want a bulk checker for a whole palette at once?

Send feedback →