Color Contrast Checker
Test foreground and background color combinations against WCAG 2.1 accessibility standards. See pass/fail results for AA and AAA at all text sizes.
Live Preview
Large Text Preview (24px Bold)
Normal text preview (16px). The quick brown fox jumps over the lazy dog. This sample shows how your color combination looks at standard body text size.
Small text preview (14px). Check that this is still readable. Good contrast ensures all users can comfortably read your content.
About WCAG Color Contrast
♿ Why Contrast Matters
Sufficient color contrast ensures text is readable for everyone, including people with low vision or color deficiencies. WCAG 2.1 sets the global standard.
📏 AA vs AAA
AA requires 4.5:1 for normal text and 3:1 for large text. AAA is stricter at 7:1 and 4.5:1 respectively. Most organizations aim for AA compliance as a minimum.
📐 Large Text Definition
Large text is at least 18pt (24px) regular weight or 14pt (18.66px) bold. It has lower contrast requirements because larger glyphs are easier to read.
⚡ Instant & Free
No signup, no server calls. Everything runs in your browser. Test as many color combinations as you need.
Frequently Asked Questions
What is a good color contrast ratio?+
What counts as large text in WCAG?+
What is the difference between WCAG AA and AAA?+
How is contrast ratio calculated?+
Learn More
Make every screenshot look pro.
ScreenSnap Pro turns plain screenshots into polished visuals — backgrounds, annotations, GIF recording, and instant cloud links.
See ScreenSnap Pro