Color Contrast Checker
Check if your text and background colors meet WCAG 2.1 accessibility standards for normal and large text. Essential for designers and developers.
Your data is never sent to our servers(4.5:1)
(7:1)
(3:1)
(4.5:1)
WCAG 2.1 defines large text as 18pt (24px) or 14pt (18.66px) bold. The ratio is calculated from the relative luminance of each color.
Frequently asked questions
What is a good color contrast ratio?
A contrast ratio of at least 4.5:1 is required for normal text under WCAG AA standards. Large text (18pt+) needs 3:1. For AAA compliance, normal text requires 7:1 and large text 4.5:1.
Why is color contrast important for accessibility?
Poor contrast makes text unreadable for people with low vision, color blindness, or those viewing screens in bright sunlight. Good contrast ensures your content is accessible to everyone.
What does WCAG stand for?
WCAG stands for Web Content Accessibility Guidelines. It is the international standard for web accessibility, including color contrast requirements.
Does this tool work offline?
Yes. Once loaded, the tool works entirely in your browser with no internet connection needed.