Contrast Ratio Checker.
Check WCAG contrast ratios for text and background color combinations — see AA and AAA compliance at a glance.
Text Color
Background Color
Live Preview
Large Text (24px Bold)
Normal text at 16px — the quick brown fox jumps over the lazy dog.
Small text at 12px — ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
12.63:1
Contrast Ratio
WCAG Compliance
AA Normal Text
min 4.5 : 1
AA Large Text
min 3 : 1
AAA Normal Text
min 7 : 1
AAA Large Text
min 4.5 : 1