Pick two colors, see them in every common format, and find out whether the pair passes WCAG accessibility contrast for body text and large text.
| Required | Status | |
|---|---|---|
| Body text — AA | 4.5 | |
| Body text — AAA | 7.0 | |
| Large text — AA | 3.0 | |
| Large text — AAA | 4.5 | |
| Non-text UI — AA | 3.0 |
"Large text" is 18pt (24px) regular or 14pt (18.66px) bold and above. Non-text UI = icons, focus rings, form borders.