Contrast Checker

Check the contrast ratio between two colors and see at a glance whether they pass WCAG AA and AAA for readable text.

Foreground (text)

Background

Contrast ratio

5.09 : 1

AA · normal≥ 4.5 : 1

Pass

AA · large≥ 3 : 1

Pass

AAA · normal≥ 7 : 1

Fail

AAA · large≥ 4.5 : 1

Pass

Preview

Almost before we knew it, we had left the ground.

More Design tools