Color Contrast Checker
Test color combinations for WCAG accessibility compliance. Check contrast ratios for AA and AAA standards.
Color Selection
Choose foreground (text) and background colors to test
RGB: 0, 0, 0
RGB: 255, 255, 255
Contrast Ratio
21.00:1
Excellent
Preview
See how your colors look with different text sizes
Large Heading (24px+)
Medium Heading (18px+)
Normal text size (16px). The quick brown fox jumps over the lazy dog. This is a sample paragraph to demonstrate how normal-sized text appears with the selected color combination.
Small text (14px). Lorem ipsum dolor sit amet, consectetur adipiscing elit. This smaller text helps you see if the contrast is sufficient for all text sizes.
WCAG Compliance
Web Content Accessibility Guidelines (WCAG 2.0) compliance levels
AA Normal Text
Requires 4.5:1 ratio
Pass
AA Large Text
Requires 3:1 ratio
Pass
AAA Normal Text
Requires 7:1 ratio
Pass
AAA Large Text
Requires 4.5:1 ratio
Pass
About WCAG Standards:
- AA Normal Text: Minimum recommended for body text (4.5:1)
- AA Large Text: For text 18px+ or 14px+ bold (3:1)
- AAA: Enhanced contrast for maximum accessibility