Color Contrast Checker
Calculate contrast ratios between foreground and background colors. Get instant pass/fail results for WCAG 2.1 AA, WCAG 2.2 AA, and WCAG AAA standards. Preview text in real-time and copy CSS-ready values.
The quick brown fox jumps over the lazy dog.
AaBbCcDdEeFf 1234567890
Contrast Ratio
15.99:1
WCAG 2.1 Level AA
Normal text (≥ 4.5:1) — n/a (large)
Large text (≥ 3:1)
UI components (≥ 3:1)
WCAG 2.1 Level AAA
Normal text (≥ 7:1) — n/a (large)
Large text (≥ 4.5:1)
Current text size: 18px, weight 400 — classified as large text per WCAG 1.4.3. Large text = ≥18px (or ≥14px bold).