Contrast Checker
Check WCAG contrast between two colors.
Sample text
- Contrast ratio
- 15.21 : 1
AA: Pass
AA Large: Pass
AAA: Pass
AAA Large: Pass
Stays on this deviceColors are compared locally.
How to use
- Enter foreground and background colors.
- Read the ratio and pass/fail.
Example
#1C1917 on #F1EFE9
Contrast Checker
Uses relative luminance from WCAG 2. A ratio of 4.5:1 passes AA for normal text.
FAQ
- What is large text?
- WCAG large text is 18pt or 14pt bold.