Contrast Checker
Enter two colors to check their contrast ratio and WCAG compliance.
Contrast Ratio: 21.00
WCAG Compliance:
- AA Level: Pass
- AAA Level: Pass
Steps to Calculate Contrast:
- Step 1: Convert colors #FFFFFF and #000000 to their relative luminance values: #FFFFFF => 1, #000000 => 0.
- Step 2: Calculate the contrast ratio using the formula: (1 + 0.05) / (0 + 0.05). The result is 21.
- Step 3: Check WCAG compliance. AA Level: Pass, AAA Level: Pass.