How to use:

Enter a background color and a text color to check the contrast ratio:

• RGBA - Supports Transparency
  Example: rgba(95, 41, 255, 0.9)
• Hexadecimal
  Example: #0973eb

You can also use the color picker.

WCAG 2.0 level AA:

• 4.5:1 for normal text
• 3:1 for large text

WCAG 2.0 level AAA:

• 7:1 for normal text
• 4.5:1 for large text

WCAG 2.1:

• 3:1 for graphics and user interface components
• 7:1 for normal text and 4.5:1 for large text
• 4.5:1 for large text