{}JSJSON

Contrast Checker

WCAG AA/AAA Accessibility Contrast

Foreground (Text)
Background
 
✓ Contrast Results
14.68:1
Contrast Ratio
AA Normal Text
✅ Pass
≥ 4.5:1
AA Large Text
✅ Pass
≥ 3:1
AAA Normal Text
✅ Pass
≥ 7:1
AAA Large Text
✅ Pass
≥ 4.5:1

👁️ Live Preview

Normal Text (16px): Sample text for previewing color contrast.

Large Text (24px)

Bold Large Text (18.66px bold)

Contrast Checker Usage Guide

WCAG 2.1 Standards

  • AA Normal Text: Contrast ≥ 4.5:1
  • AA Large Text: Contrast ≥ 3:1 (18px+ or 14px+ bold)
  • AAA Normal Text: Contrast ≥ 7:1
  • AAA Large Text: Contrast ≥ 4.5:1

Use Cases

  • Web text and background color contrast check
  • UI component accessibility review
  • App interface color compliance verification
  • Pre-delivery accessibility evaluation for designs