WCAG Contrast Checker
Check color contrast for WCAG accessibility compliance
A fast, free, and open-source tool to help you build a more accessible web for everyone.
Developed by award-winning development experts•Learn about our expertise
Foreground Color
Preview Settings
Contrast Ratio: 0.00
Paragraph: 20px | Header: 60px
Background Color
Heading Text
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
WCAG Compliance Summary
Header (60px)
AA FailAAA Fail
Paragraph (20px)
AA FailAAA Fail