Color Contrast Checker

Pick a foreground and background. See the WCAG contrast ratio + AA/AAA pass/fail for normal and large text. Hex, RGB, RGBA, HSL, HSLA all accepted.

Colors

Accepts #abc, #aabbcc, rgb(...), rgba(...), hsl(...), hsla(...). Click the swatch for the OS color picker.

Foreground

Background

Large text — the quick brown fox.

Normal body text. The quick brown fox jumps over the lazy dog. Sphinx of black quartz, judge my vow.

Contrast ratio

17.40:1

AA · normal textPass · 4.5:1

AA · large textPass · 3.0:1

AAA · normal textPass · 7.0:1

AAA · large textPass · 4.5:1