Begin Main Content

This page can demonstrate how background and foreground Hex Colors contrast together; live contrast testing will occur when the colors change.

Background Color
Enter a Hex Code or pick a color
Foreground Color
Enter a Hex Code or pick a color
Contrast Ratio
:1

Normal Size Text

4:5.1 Pass
7:1 Pass
The quick brown fox jumps over the lazy dog

Large Size TextFont size 18pt+, or bold & 14pt+

3:1 Pass
4.5:1 Pass
The quick brown fox jumps over the lazy dog

User Input & Graphical

3:1 Pass