WCAG Color Contrast Accessibility Calculator

Calculate Your Color Contrast Ratio

Enter a 3 or 6 digit hex code.
Enter a 3 or 6 digit hex code.

Ensure your website meets WCAG accessibility standards with our Color Contrast Calculator. Quickly determine if your text and background color combinations provide sufficient contrast for users with visual impairments, achieving AA or AAA compliance.

Formula:

Ratio = (L1 + 0.05) / (L2 + 0.05)

Where:

  • L1 = Relative luminance of the lighter color.
  • L2 = Relative luminance of the darker color.

Relative luminance is calculated based on the sRGB color space, considering human perception of light.

Computing and Web Tools

AI Token Cost : Estimate & Optimize Your LLM API Spend

Go to Calculator

API Call Cost : Accurately Estimate Your Cloud Expenses

Go to Calculator

API Integration Cost

Go to Calculator

App Development Cost

Go to Calculator

Base64 Decoder: Convert Base64 to Plain Text Online

Go to Calculator

Binary Addition : Sum Binary Numbers Instantly

Go to Calculator