Enter any foreground and background color to instantly calculate the WCAG 2.1 contrast ratio. See whether your color pair passes AA or AAA compliance for normal text, large text, and UI components.
Foreground (Text)
Background
Contrast Ratio
21:1
Maximum possible contrast
Live Preview
Normal text sample
Large Text Sample
Popular Color Pairs
Need a design tool for your team? Pair this checker with a solid project management setup. We recommend checking out tools like Notion for organizing your design system — keeping your approved accessible color palettes documented and accessible to the whole team.