WCAG colour contrast
Text readability on a background.
Check text contrast
Check whether text stays readable on the chosen background.
Contrast
17.36 : 1
This is how a heading looks
And this is regular paragraph text in these colours, at the size people read on a site.
- AA, normal text4.5:1Pass
- AA, large text3:1Pass
- AAA, normal text7:1Pass
- AAA, large text4.5:1Pass
Need a design, not just a tool?
A free online consultation or a quote in the calculator.