Color Contrast Checker
Check your colors for WCAG 2.2 AA compliance
Foreground Color (Text)
Background Color
Preview
This is normal text (16px)
This is large text (24px bold)
Contrast Results
Contrast Ratio
21:1
WCAG AA – Normal Text
Requires: 4.5:1
PassWCAG AA – Large Text
Requires: 3:1
PassWCAG AA – UI Components
Requires: 3:1
PassWCAG AAA – Normal Text
Requires: 7:1
PassWCAG AAA – Large Text
Requires: 4.5:1
PassAbout WCAG 2.2 Contrast Requirements
Normal Text: Text that is less than 18 point (or 14 point bold)
Large Text: Text that is at least 18 point (or 14 point bold)
UI Components: Interactive elements like buttons, form fields, and icons
Level AA: Minimum level of compliance for most websites (required for WCAG 2.2 AA conformance)
Level AAA: Enhanced level of compliance for maximum accessibility