Color Contrast Checker
Check WCAG 2.1 contrast ratio between any two colors. See AA / AAA pass-fail badges for normal and large text instantly — 100% in your browser.
Colors
Live preview
Normal text — the quick brown fox jumps over the lazy dog. 0123456789.
Large text — the quick brown fox.
Large text 18pt — sample heading.
Contrast ratio
21.00
: 1
Normal text
AA (4.5+) --
AAA (7+) --
Large text (18pt+ or 14pt bold)
AA (3+) --
AAA (4.5+) --
UI components / graphics
AA (3+) --
Ratios per WCAG 2.1: AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively.