Color Contrast Checker
Check WCAG 2.1 compliance between any two colors. Get instant AA/AAA ratings, live text previews, accessible color suggestions, and color blindness simulation.
Colors
Contrast Ratio
WCAG 2.1 Results
Suggested accessible foreground:
Live Preview
Heading Text
Large text (18px bold)
Normal body text at 16px. This is a sample paragraph to show readability at regular size.
Small text at 14px — fine print and captions.
Color Blindness Simulation
See how your color pair looks under different color vision conditions.
How WCAG Contrast Works
Minimum contrast of 4.5:1 for normal text and 3:1 for large text (18px+ bold or 24px+). Required for most websites.
Enhanced contrast of 7:1 for normal text and 4.5:1 for large text. The highest accessibility standard.
Non-text elements like icons, borders, and focus indicators need at least 3:1 contrast ratio against adjacent colors.