Color Contrast Checker
Check if your color combinations meet WCAG accessibility guidelines. Instant AA and AAA contrast ratio verification.
Foreground
Background
Sample Heading
The quick brown fox jumps over the lazy dog
Contrast Ratio
21.00:1
WCAG AA
WCAG AAA
Frequently Asked Questions
What is WCAG contrast ratio?
WCAG (Web Content Accessibility Guidelines) contrast ratio measures the perceived difference in brightness between foreground and background colors. A higher ratio means text is more readable, especially for people with visual impairments.
What contrast ratio do I need for WCAG AA compliance?
WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18pt regular or 14pt bold). WCAG AAA is stricter: 7:1 for normal text and 4.5:1 for large text.
What counts as large text?
Large text is at least 18pt (24px) in regular weight, or at least 14pt (approximately 18.67px) in bold weight. Large text has a lower contrast threshold because it is naturally easier to read.