Color Contrast Checker
Calculate contrast ratio & check WCAG AA / AAA compliance instantly.
Color Inputs
Quick presets:
Results
Sample Heading Text (18px Bold)
Normal body text (14px) — how readable is this?
| Contrast Ratio | — |
|---|---|
| WCAG AA Normal | — (need 4.5:1) |
| WCAG AA Large | — (need 3:1) |
| WCAG AAA Normal | — (need 7:1) |
| WCAG AAA Large | — (need 4.5:1) |