Contrast Checker

WCAG 2.1 contrast ratio checker for accessibility

Foreground
Background
Contrast Ratio

Live Preview

Heading Text (24px Bold)

This is normal body text at 16px. Check if it's readable against the background. Good contrast ensures accessibility for all users, including those with visual impairments.

This is small text at 12.8px — requires higher contrast for WCAG AAA compliance.

🔗 More Color Tools

🏠 Home 🧠 AI Palette 🎨 Color Mixer 🌗 Shades 🔄 Converter 👁️ Blindness Sim