Color contrast Checker
Test your color combinations for web accessibility compliance
Live preview
The Contrast Kingdom
Chapter Three: The Fading Words
Deep inside the kingdom, a careless painter splashed pale letters on a pale wall.
At first, the colors seemed gentle… almost magical.
But when villagers tried to read the signs, the words vanished like ghosts in daylight.
“Not all beauty is visible,” sighed the Guardian of Accessibility.
And so the painter learned: even the prettiest shades must stand strong enough for every eye to see.
21.00:1
Contrast ratio
Accessibility standards
Normal text AA Pass
Normal text AAA Pass
Large text AA Pass
Large text AAA Pass

This tool calculates contrast ratios using the WCAG 2.2 formula to help ensure your designs are accessible to all users. Learn more about WCAG contrast guidelines.