Contrast Checker
WCAG 2.1 compliance at a glance. Make sure your text is readable for everyone.
Foreground
Background
Aa
The quick brown fox jumps over the lazy dog.
This is how small text appears with your chosen color combination. Make sure it remains legible at all sizes.
17.06:1
ExcellentContrast Ratio
AA Normal TextMin ratio: 4.5:1
PassAA Large TextMin ratio: 3:1
PassAAA Normal TextMin ratio: 7:1
PassAAA Large TextMin ratio: 4.5:1
PassColor Blind Preview
See how your color combination appears under different color vision deficiencies.
Aa
Sample text
Protanopia
Red-blind
16.8:1
Aa
Sample text
Deuteranopia
Green-blind
17.2:1
Aa
Sample text
Tritanopia
Blue-blind
16.9:1
Aa
Sample text
Achromatopsia
Total
17.0:1