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.
Color Contrast Checker

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.