Check color contrast ratios to ensure your design meets WCAG accessibility standards.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (AA level). AAA level requires 7:1 for normal text and 4.5:1 for large text.
Enter your foreground (text) and background colors using the color pickers or hex input fields. The tool automatically calculates the contrast ratio and shows whether it passes WCAG AA and AAA standards for both normal and large text. Use the preview section to see how your colors look together.