Buy me a coffee
Design

Contrast Checker

Check color contrast ratios for WCAG accessibility compliance. Runs on your device — nothing is uploaded, nothing is stored.

Colors
Foreground Color
Background Color

Contrast Ratio

6.70:1

WCAG Compliance

Web Content Accessibility Guidelines 2.1

AA Normal TextPass

≥ 4.5:1

AA Large TextPass

≥ 3:1 (18pt+ or 14pt+ bold)

AAA Normal TextFail

≥ 7:1

AAA Large TextPass

≥ 4.5:1

Preview

Normal text (16px) — The quick brown fox jumps over the lazy dog

Large text (24px bold) — Accessibility matters

UI Component Example
Presets
Related
CSS clip-path GeneratorDesignCubic-Bezier Easing EditorDesignGlassmorphism GeneratorDesign
About Color Contrast Checker

Check color contrast ratios for WCAG accessibility compliance. Enter foreground and background colors to get AA and AAA pass/fail results for normal and large text.

Color Contrast Checker is a free tool in the Design Tools category on BrowseryTools. It runs entirely in your browser — your data is never uploaded to a server, and there's no registration, no ads, and no watermarks, so your privacy is fully preserved.

Frequently asked questions