ページを読み込んでいます
Check color contrast ratio against WCAG standards. Includes AA/AAA compliance testing and improvement suggestions.
Enter foreground (text) and background colors using HEX codes or the color picker.
The contrast ratio is calculated automatically, showing WCAG AA/AAA compliance status.
If non-compliant, an improved color meeting AA criteria is suggested. Click "Apply" to use it.
Contrast Ratio: 12.63:1,Normal Text AA: Pass,Large Text AA: Pass
Normal sized text will appear like this. This applies to font sizes of 16px or smaller.
Large text (18pt+ / 14pt bold+)
| AA | AAA | |
|---|---|---|
| Normal TextMin 4.5:1 | Pass | Pass |
| Large TextMin 3:1 | Pass | Pass |
The current color combination meets AA criteria.
A tool that calculates the contrast ratio between text and background colors based on WCAG (Web Content Accessibility Guidelines) and checks compliance with accessibility standards.
AA is the minimum required standard (normal text 4.5:1, large text 3:1), while AAA is a higher standard (normal text 7:1, large text 4.5:1). AA compliance is generally recommended.
Text at 18pt (24px) or larger, or bold text at 14pt (approximately 18.66px) or larger is considered "large text" and has a more lenient contrast requirement.
It uses the relative luminance formula defined in WCAG 2.0: (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color and L2 is the darker color's relative luminance.