Accessibility

Contrast Checker

Check WCAG contrast ratios between foreground and background colors. Everything runs in your browser.

Foreground
Background
Contrast Ratio21:1
PassAA Normal Text (4.5:1)
PassAA Large Text (3:1)
PassAA UI Components (3:1)
PassAAA Normal Text (7:1)
PassAAA Large Text (4.5:1)
Preview

Normal text — The quick brown fox jumps over the lazy dog.

Large text — The quick brown fox jumps.

UI component