Contrast Checker

Check WCAG contrast ratios.

foreground
background
Normal text: The quick brown fox jumps over the lazy dog.
Large text: Hello, world!
3.97:1
Contrast ratio
Fail
Normal · AA (≥4.5)
Fail
Normal · AAA (≥7)
Pass
Large · AA (≥3)
Fail
Large · AAA (≥4.5)

About this tool

Check the WCAG contrast ratio between two colours and see whether your foreground/background pair passes AA and AAA for normal and large text.

An unhandled error has occurred. Reload ×