Contrast Checker
ImageCheck WCAG color contrast accessibility
Colours
Text
Background
Result
16.03contrast ratio : 1Excellent
- AA · normal text≥ 4.5:1
- AA · large text & UI≥ 3:1
- AAA · normal text≥ 7:1
- AAA · large text≥ 4.5:1
Preview
Large heading text (24px)
Body text at 16px. The quick brown fox jumps over the lazy dog. WCAG requires 4.5:1 for text like this to pass AA.
Small print at 12px — hardest to read at low contrast.
Outline buttonFilled button