Contrast Checker

Pick any foreground and background, watch the WCAG 2.2 contrast ratio update live, and see exactly which AA / AAA tiers your colors pass for body text, large text, and UI components. EyeDropper, RGB / HSL sliders, swap, randomize, and recent pairs.