Contrast Checker

Check the contrast ratio of different color combinations to ensure your UI is accessible and meets WCAG AA and AAA requirements.

Background Color

Text Color

Normal Text (AA)PASS

Normal Text (AAA)PASS

Large Text (AA)PASS

The quick brown fox jumps over the lazy dog.

Design is not just what it looks like and feels like. Design is how it works. Every great design begins with an even better story.

Interactive Element

Contrast Ratio

21.00

AAA