Contrast Checker
Check WCAG color contrast ratios between two colors.
21.00:1
Contrast Ratio
Foreground (text)
Background
Pass
AA Normal
≥ 4.5:1
Pass
AA Large
≥ 3:1
Pass
AAA Normal
≥ 7:1
Pass
AAA Large
≥ 4.5:1
Preview
Large Text Preview (24px+)
Normal body text looks like this. The quick brown fox jumps over the lazy dog. Check readability across different font sizes and weights.
Small text is hardest to read and needs the highest contrast ratio for accessibility.