Color Contrast Checker

Check WCAG 2.1 colour contrast instantly. AA and AAA pass/fail for any colour pair.

🔒 100% client-side

Foreground (text)

HEX value

Background

HEX value

Quick presets

About Color Contrast Checker

Color Contrast Checker lets you instantly verify whether your foreground and background colour combination meets WCAG 2.1 accessibility guidelines — all in your browser, with zero data leaving your device. Enter any two colours and see the exact contrast ratio plus pass/fail results for AA and AAA levels across normal text, large text, and UI components. Essential for web designers, developers, and anyone building accessible interfaces.