Color Contrast Checker

Test WCAG 2.1 color contrast for accessibility compliance

Live Preview

Large Text (18pt+)
Normal body text at standard size looks like this.
Small caption text for fine print and labels.
21:1
Contrast Ratio
AA Normal Text
Minimum 4.5:1
PASS
AA Large Text
Minimum 3:1
PASS
AAA Normal Text
Minimum 7:1
PASS
AAA Large Text
Minimum 4.5:1
PASS

CSS


        

About WCAG Contrast Requirements

The Web Content Accessibility Guidelines (WCAG) 2.1 define minimum contrast ratios to ensure text is readable by people with moderately low vision.

RELATED

Color Palette Generator CSS Gradient Generator Glassmorphism Generator