Test Color Combination
How to use this
Set Foreground to your text color and Background to the color behind it. You can use the color picker or paste your site's hex code (for example, #1B2A4A). The number below is the contrast ratio between the two colors. Higher is easier to read. To meet WCAG 2.1 AA, aim for at least 4.5:1 for normal text and at least 3:1 for large text (18px and up, or 14px bold).
Sample Text
This is how your text will appear with the selected colors
21.00:1
Contrast Ratio
WCAG Contrast Requirements
Normal Text
AA (Minimum):4.5:1
AAA (Enhanced):7:1
Large Text
AA (Minimum):3:1
AAA (Enhanced):4.5:1
Graphics & UI Components
AA (Minimum):3:1
Note: Large text is defined as 18pt+ regular or 14pt+ bold text. AA compliance is legally required for most government websites.