Color & Design Tools

Color Contrast Checker

Use Color Contrast Checker free in your browser. No account required; your input is processed locally in your browser.

Runs locallyYour inputs stay in your browser.
Workspace
CONVERSION LOGIC

Check contrast between two colors

Calculate relative luminance for foreground and background and compare their contrast ratio.

Foreground + backgroundRatio + AA/AAA resultRuns locally
01Foreground + background
02Relative luminance → contrast ratio
03Ratio + AA/AAA result

Normal-text thresholds checked are 4.5:1 for AA and 7:1 for AAA.

GOOD TO KNOW

The current pass/fail result is for normal text

Large-text and non-text accessibility criteria can use different WCAG requirements.

PRIVATE BY DESIGN

Your content stays in the browser

Processing runs locally in the page without requiring the content to be sent to UtilityLake.

02

In short

What exactly does it do?

Calculate relative luminance for foreground and background and compare their contrast ratio.

Example?

Normal-text thresholds checked are 4.5:1 for AA and 7:1 for AAA.