Qalculators

Technology & Developer

Contrast Ratio Checker

Check WCAG compliance for text contrast between foreground and background colors. Enter Foreground Red, Foreground Green, Foreground Blue and Background Red to get Contra

Parameters

Enter the required details below

Ready to Calculate

Enter your parameters and click calculate to see the results here.

How to Use

  1. Enter Foreground Red.
  2. Enter Foreground Green.
  3. Enter Foreground Blue.
  4. Click Calculate to see Contrast Ratio, WCAG AA and WCAG AAA.
  5. Check the result. Use Reset if you want to try different numbers.

About This Calculator

Check WCAG compliance for text contrast between foreground and background colors. This tool is in the Technology & Developer collection on Qalculators. Enter Foreground Red, Foreground Green, Foreground Blue and Background Red to calculate Contrast Ratio, WCAG AA and WCAG AAA. Results stay in your browser unless you copy them.

Frequently asked questions

What does Contrast Ratio Checker calculate?+

Check WCAG compliance for text contrast between foreground and background colors. You enter Foreground Red, Foreground Green, Foreground Blue and Background Red and receive Contrast Ratio, WCAG AA and WCAG AAA.

What information do I need for Contrast Ratio Checker?+

You need Foreground Red, Foreground Green, Foreground Blue and Background Red. Optional fields can stay at their defaults.

Is Contrast Ratio Checker free to use?+

Yes. Contrast Ratio Checker is free and does not require an account. The calculation runs in your browser.

Related Calculators

Related Topics

contrastwcagaccessibilitycolordesign