Color Contrast Checker

Calculates the contrast ratio between two colors (foreground and background) and checks compliance with WCAG 2.1 AA and AAA accessibility standards for normal and large text.

Instructions

1. Enter the Foreground (e.g., text) color in HEX format (#RRGGBB or #RGB). 2. Enter the Background color in HEX format (#RRGGBB or #RGB). 3. Click 'Run Tool'. 4. The results will show the contrast ratio and whether it passes WCAG AA and AAA levels for both normal and large text.

Enter the text/foreground color in HEX format (e.g., #FFFFFF, #000, #3A6EB5).
Enter the background color in HEX format (e.g., #FFFFFF, #000, #F0F0F0).

Result