Contrast Checker
Ensure your text and background colors meet the latest WCAG guidelines for legibility.
Text color
Background color
Contrast
21.00
SUPER
Small text
Passed
Large text
Passed
Great contrast for all text sizes.
Quote n. 18
Before I got married I had six theories about bringing up children; now I have six children and no theories.
John Wilmot
How does it work?
This tool follows the Web Content Accessibility Guidelines (WCAG), which are a series of recommendations for making the web more accessible.
Regarding colors, the standard defines two levels of contrast ratio: AA (minimum contrast) and AAA (enhanced contrast).
The level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (at least 18pt) or bold text.
The level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text or bold text.
Learn more