Color Pair
#
#
The quick brown fox
Sample body text for readability check. Does this meet WCAG guidelines?
Smaller caption text — even harder to read.
#
on #
Contrast Ratio
Excellent Good Moderate Poor
WCAG 2.1 Compliance
Enter valid hex colors to see WCAG results.
AA Normal — Body text, UI components (min 4.5:1)
AA Large — 18pt+ or 14pt+ bold text (min 3:1)
AAA Normal — Enhanced body text (min 7:1)
AAA Large — Enhanced large text (min 4.5:1)