About the Color Contrast Checker
The Color Contrast Checker converts sRGB channels to relative luminance and applies the WCAG contrast formula. It reports the exact ratio and the established thresholds for normal and large text.
How to use the Color Contrast Checker
- Choose foreground and background colors.
- Calculate their contrast ratio.
- Adjust colors until the relevant text-size requirement passes.
Practical tips
- Normal text commonly targets at least 4.5:1 for WCAG AA.
- Contrast is only one part of accessible color use; do not rely on color alone for meaning.