About this color contrast checker
The color contrast checker measures the WCAG contrast ratio between a foreground (text) color and a background color, then tells you at a glance whether the pair meets AA (4.5:1 for normal text, 3:1 for large text) and AAA (7:1 and 4.5:1). Ratios use the official WCAG relative-luminance formula, and a live preview renders real sample text on your chosen background so you can judge readability, not just numbers. Everything runs locally in your browser, so nothing you type is ever uploaded.