Color Contrast Checker
Check color contrast ratios for WCAG 2.1 accessibility compliance.
Colors
Preview
Large Text (18pt+)
Normal text at 16px for body content
21:1
Contrast Ratio
AA Normal Text PASS
Minimum ratio: 4.5:1
AA Large Text PASS
Minimum ratio: 3:1
AAA Normal Text PASS
Minimum ratio: 7:1
AAA Large Text PASS
Minimum ratio: 4.5:1
WCAG Guidelines
Level AA (Minimum)
4.5:1 for normal text, 3:1 for large text
Level AAA (Enhanced)
7:1 for normal text, 4.5:1 for large text
Large Text Definition
18pt (24px) or 14pt (18.5px) bold
Why It Matters
Ensures readability for users with visual impairments
Privacy First: All calculations happen locally in your browser. Your colors never leave your device.
About Color Contrast
Color contrast is crucial for web accessibility. WCAG (Web Content Accessibility Guidelines) defines minimum contrast ratios to ensure text is readable by users with visual impairments, including color blindness and low vision.