Color Contrast Checker
Check the WCAG contrast ratio between a foreground and background color, and see whether it passes AA/AAA accessibility standards.
Check Contrast
Enter a foreground (text) color and a background color to compute the contrast ratio.
Large text sample (24px+)Normal text sample — the quick brown fox jumps over the lazy dog.
21.00:1Contrast ratio
AA Normal
AA Large
AAA Normal
AAA Large