Color Contrast Checker

Pick a foreground and background color, see the contrast ratio plus AA/AAA pass/fail for normal and large text.

100% in your browser. Files never uploaded.

Foreground

Background

The quick brown fox jumps over the lazy dog. (normal)

The quick brown fox jumps over the lazy dog. (large)

19.79:1

Contrast ratio

AA · normal

Pass

AA · large

Pass

AAA · normal

Pass

AAA · large

Pass

How to use

1
Pick foreground and background
Hex / rgb() / hsl() — anything the parser handles.
2
Read the ratio
WCAG AA needs ≥ 4.5:1 for normal text, ≥ 3:1 for large. AAA is stricter (7:1 / 4.5:1).
3
See pass/fail per level
Normal vs. large at AA and AAA, all four cases.

What counts as "large" text?

WCAG defines it as 18pt+ or 14pt+ bold. Anything smaller is treated as normal text.