Color Contrast Checker
① Design / Assets
What it is: Check whether the contrast between text and background colors is enough to be readable.
When to use: When choosing text/background colors or doing an accessibility (a11y) check.
Text color
Background color
Large text Aa
Normal-size sample text. The quick brown fox.
Contrast ratio
Everything runs locally in your browser — nothing is uploaded.
FAQ
What are the AA and AAA levels?
WCAG accessibility levels: normal text needs a contrast ratio ≥4.5 for AA and ≥7 for AAA; large text (≥18.66px bold or 24px) uses thresholds of 3 and 4.5 respectively.