WCAG Color Contrast Checker — Is Your Design Accessible?

Accessibility matters. And the most common failure is color contrast.

I built a tool that checks any text/background color combination against WCAG AA and AAA standards.

What it checks

Level	Normal Text	Large Text
AA	4.5:1	3:1
AAA	7:1	4.5:1

Features

• Live preview with your actual colors
• Color pickers + hex input
• Swap button to reverse colors
• Contrast ratio with PASS/FAIL for all 4 levels
• Color-coded ratio display (green/yellow/red)

Contrast Checker

More accessibility tools:

• Color Blindness Simulator
• Color Picker

Full toolkit: devtools-site-delta.vercel.app