Image Runs in your browser

Color Contrast Checker (WCAG)

Check color contrast for WCAG AA/AAA compliance with APCA support. 100% private. 100% private.

100% Private Works Offline Instant

Foreground (text)

Background

Target ratio

Colors

#0B0B0B

rgb(11, 11, 11)

hsl(0, 0%, 4%)

#FFFFFF

rgb(255, 255, 255)

hsl(0, 0%, 100%)

The quick brown fox jumps over the lazy dog. 1234567890

Recommended: use Foreground as the text color for stronger contrast.

WCAG results

19.68:1AA Normal ✓AA Large ✓AAA Normal ✓AAA Large ✓

Ratio 19.68:1 — AA Normal, AA Large, AAA Normal, AAA Large

APCA (perceptual contrast)

Lc 95 — Best (passes ≥45)

Lighter foreground suggestions (≥4.5:1)

#131313— 18.58:1
#1B1B1B— 17.22:1
#232323— 15.72:1
#2B2B2B— 14.16:1
#333333— 12.63:1

Darker foreground suggestions (≥4.5:1)

#030303— 20.62:1

Privacy: all calculations happen locally. WCAG 2.x uses relative luminance (sRGB). APCA is the W3 draft perceptual model.

About Color Contrast Checker (WCAG)

Check color contrast for WCAG AA/AAA compliance with APCA support. 100% private. 100% private. Everything runs locally in your browser — your data never leaves your device.

How to use

Enter your input in the tool above.
Adjust any options to your preference.
Use the Copy or Download buttons to save the result.
Everything happens locally — your data never leaves your browser.

FAQ

Is this tool private?

Yes. All processing happens locally in your browser. No data is uploaded.

What extras does this tool have?

Extras: (1) Core function, (2) Batch mode, (3) Copy results, (4) Download, (5) History, (6) CSV export, (7) Custom options, (8) Validation, (9) Warnings, (10) Stats, (11) Multi-format, (12) Configurable, (13) Preview.