Contrast Checker
WCAG color contrast accessibility checker
Colors
Contrast Ratio
6.70:1
WCAG Compliance
Web Content Accessibility Guidelines 2.1
AA Normal Text
Pass
≥ 4.5:1
AA Large Text
Pass
≥ 3:1 (18pt+ or 14pt+ bold)
AAA Normal Text
Fail
≥ 7:1
AAA Large Text
Pass
≥ 4.5:1
Preview
Normal text (16px) — The quick brown fox jumps over the lazy dog
Large text (24px bold) — Accessibility matters
UI Component Example
Presets
About Color Contrast Checker
Check color contrast ratios for WCAG accessibility compliance. Enter foreground and background colors to get AA and AAA pass/fail results for normal and large text.
Color Contrast Checker is a free tool in the Design Tools category on BrowseryTools. It runs entirely in your browser — your data is never uploaded to a server, and there's no registration, no ads, and no watermarks, so your privacy is fully preserved.
Frequently asked questions