🎨 WCAG Color Contrast Checker
Pick a text color and a background color to see the contrast ratio and whether it passes WCAG 2.2 AA and AAA. Good contrast keeps your UI readable for everyone, including people with low vision.
Large text sample (24px)
Normal text sample: the quick brown fox jumps over the lazy dog.
--: 1
Enter a valid 6-digit hex color, for example #1f2328.
Normal text, AA (4.5:1)--
Normal text, AAA (7:1)--
Large text, AA (3:1)--
Large text, AAA (4.5:1)--
UI components, AA (3:1)--