Enter your colour palette to generate a contrast accessibility matrix.
The tool calculates WCAG contrast ratios for all foreground/background combinations
and displays compliance ratings.
Enter Your Colours
Accepted formats: name, #hex | #hex, name | name: hex | hex alone.
Hash symbol optional.
Matrix Controls
Contrast Matrix
Understanding the Contrast Ratings
F (Fail)
Contrast ratio below 3:1. Fails WCAG requirements for all text sizes.
G (Graphical)
Contrast ratio 3:1 to 4.5:1. Suitable for large text (18pt+ or 14pt bold) and graphical elements like icons and UI components.
AA (Minimum)
Contrast ratio 4.5:1 to 7:1. Meets WCAG 2.1 Level AA for normal text. This is the minimum recommended for body text.
AAA (Enhanced)
Contrast ratio 7:1 or above. Meets WCAG 2.1 Level AAA (enhanced contrast). Recommended for optimal readability.