🎯 Color Contrast Checker

Check WCAG 2.1 color contrast accessibility compliance

🎨 Foreground (Text)

26
26
46

🖼️ Background

255
255
255
Large Text (24px Bold)
Normal text looks like this. The quick brown fox jumps over the lazy dog.
Small text (12px) — harder to read with low contrast
21:1
Contrast Ratio

📊 WCAG 2.1 Requirements

LevelNormal TextLarge Text (≥18pt / 14pt bold)UI Components
AA≥ 4.5:1≥ 3:1≥ 3:1
AAA≥ 7:1≥ 4.5:1

💡 Suggested Alternatives