Check whether your foreground and background color combination meets WCAG 2.1 accessibility guidelines. AA requires a 4.5:1 ratio for normal text (3:1 for large text); AAA requires 7:1. Use this before shipping UI to ensure your text is readable for everyone, including people with low vision.
The quick brown fox
Aa Bb Cc 123 — sample text preview
Foreground
#000000
Background
#FFFFFF
21.0:1
Contrast Ratio
AA Normal text
Pass
4.5:1 minimum
AA Large text
Pass
3:1 minimum
AAA Normal text
Pass
7:1 minimum
AAA Large text
Pass
4.5:1 minimum
Based on WCAG 2.1 guidelines. Large text = 18pt or 14pt bold.