Contrast Checker
Check WCAG AA / AAA ratios and accessible palettes.
WCAG contrast checker
Test foreground and background colors, preview accessible UI states, and confirm WCAG AA/AAA compliance before shipping.
14.68 : 1
WCAG contrast ratioHigher is better
Preview
Button
Accessible interfaces pair sufficient contrast with clear hierarchy. Use this preview to test headings, body text, and UI accents in real time.
Results
- Large text AA≥ 3.0Pass
- Normal text AA≥ 4.5Pass
- Large text AAA≥ 4.5Pass
- Normal text AAA≥ 7.0Pass
- UI icons & graphics≥ 3.0Pass
Ads will render here after you accept cookies.