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

CSS clip-path GeneratorDesign Cubic-Bezier Easing EditorDesign Glassmorphism GeneratorDesign

About Contrast Checker

Check color contrast ratios for WCAG accessibility compliance.

Contrast Checker is a free tool in the Design & Visual category on BrowseryTools. It runs entirely in your browser: what you give it is processed on your own device and is never uploaded to a server, there's no registration, no ads and no watermarks, and it keeps working with no connection once the page has loaded.