Color Contrast Checker
Ensure your color combinations meet WCAG accessibility standards
100% FreeWCAG 2.1Bulk Testing
Color Contrast Checker
Check color contrast ratios for WCAG 2.1 accessibility compliance
Color Selection
Choose foreground and background colors
Preview
See how your color combination looks
Large Text (24px)
Medium Text (18px)
Normal Text (16px)
Small Text (14px)
Contrast Results
WCAG 2.1 compliance status
21.00:1
AAAWCAG AA Compliance
Normal TextPass
Large TextPass
UI ComponentsPass
WCAG AAA Compliance
Normal TextPass
Large TextPass
WCAG Guidelines
Level AA:
- • Normal text: 4.5:1 minimum
- • Large text (18pt+): 3:1 minimum
- • UI components: 3:1 minimum
Level AAA:
- • Normal text: 7:1 minimum
- • Large text (18pt+): 4.5:1 minimum