What is WCAG color contrast?

WCAG contrast ratios measure text readability against backgrounds. AA requires 4.5:1 for normal text, AAA requires 7:1.

Free Color Contrast Checker & Palette Extractor - WCAG Accessibility

Image

Click or drop an image

Palette

Clusters (k)

Harmony

Complementary

Analogous

Triadic

Tetradic

Split-Comp

Contrast

WCAG contrast ratios for dominant color pairs

Histogram

Show Luminance

Vision

Normal

Protanopia

Deuteranopia

Tritanopia

Mood

Derived from average HSL values

Export

This experiment works best on a desktop browser with a keyboard and mouse.