Color Contrast Checker (WCAG)

Test foreground and background color combinations against WCAG 2.1 AA & AAA accessibility standards.

Loading interactive Color Contrast Checker (WCAG) interface...

How to Use Color Contrast Checker (WCAG)

  1. Choose text color and background color
  2. View contrast ratio and see if it passes WCAG AA and AAA for normal and large text.

Technical Specifications & Formula

Calculates relative luminance according to WCAG 2.1 formula: Ratio = (L1 + 0.05) / (L2 + 0.05).

Frequently Asked Questions

What is a passing contrast ratio for normal text?

WCAG AA requires a minimum ratio of 4.5:1 for standard body text and 3:1 for large headings.

Related Online Tools

Color Picker & Converter

Inspect colors and convert seamlessly between HEX, RGB, HSL, HSV, and CMYK with copyable values.

CSS Gradient Generator

Create beautiful linear and radial gradients with customizable angle, color stops, and copy-paste CSS code.