WCAG Color Contrast Ratio Calculator
Calculate the WCAG accessibility contrast ratio between two colors.
Result
4,4781:1
Contrast ratio: 4,4781:1 (Large text only)
Result in all units
Step-by-step solution
ratio = (L₁+0,05)/(L₂+0,05)
What Is Color Contrast Ratio?
The color contrast ratio measures the readability of two colors (for example text and background). It is used in accessibility (WCAG) standards.
How is it calculated?
How Is It Calculated?
The luminance of the two colors is compared as a ratio: contrast = (L1 + 0,05) ÷ (L2 + 0,05).
- Enter the two colors.
At least 4,5:1 is recommended for normal text.
Frequently Asked Questions
What is a good contrast ratio?
4,5:1 for normal text and 3:1 or higher for large text is considered accessible.