Color Contrast Checker
Check color contrast ratios for WCAG AA and AAA compliance. Pick foreground and background colors, see live preview, and get suggestions for accessible alternatives.
Contrast Ratio
14.63:1
This is how small text (14px) looks with your chosen colors.
This is medium text (18px) with your colors.
Large text (24px) preview
Frequently Asked Questions
A color contrast checker measures the luminance difference between two colors to determine if text is readable against a background. It helps ensure your design meets WCAG accessibility standards.
WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text (AA level), 3:1 for large text (AA level), 7:1 for normal text (AAA level), and 4.5:1 for large text (AAA level).
The contrast ratio is calculated using relative luminance values of the two colors. The formula is (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color's luminance and L2 is the darker color's luminance. The result ranges from 1:1 (no contrast) to 21:1 (maximum contrast).
Yes, VUREX Color Contrast Checker is completely free with no registration required. All calculations happen in your browser — 100% client-side processing.