Contrast Checker
Check WCAG AA and AAA color contrast compliance
Foreground
Background
Contrast Ratio
21.00:1
Pass AA LargePass AAPass AAA LargePass AAA
Large Text
The quick brown fox jumps over the lazy dog.
Normal Text (16px)
The quick brown fox jumps over the lazy dog. This is how body copy would appear with these color choices.
Quick Actions
WCAG AA: Normal text requires 4.5:1, large text (18px bold / 24px) requires 3:1
WCAG AAA: Normal text requires 7:1, large text requires 4.5:1