Color Contrast Grid

Generate a full contrast ratio grid for your design system's color palette. WCAG compliance made visual.

Color Palette

Add colors manually or import.

Import / Tools

Overall Accessibility Score

0%

Add more colors to calculate score.

Contrast Matrix

AAA ≥ 7.0 AA ≥ 4.5 AA18 ≥ 3.0 FAIL < 3.0

Contrast Details

Normal Text (14pt)

Large Text (18pt)

Contrast Ratio --

Normal Text

Large Text

Need to pass WCAG AA?

Try adjusting to these passing colors:

✓ Image saved!