WebAIM Contrast Checker

WebAIM Contrast Checker is a tool that allows you to enter or select foreground and background coluors and lighten or darken the coluors slightly to find acceptable text and graphical contrast levels based on the WCAG 2.0 luminosity formula.

WebAIM Contrast Checker

WebAIM Contrast Checker is a tool that allows you to enter or select foreground and background coluors and lighten or darken the coluors slightly to find acceptable text and graphical contrast levels based on the WCAG 2.0 luminosity formula.


How to use

How to use

Use the WebAIM lightness slider to adjust the selected colour. Accessible text colours are generated with WCAG Guidelines and recommended a contrast ratio of 4.5:1 but to meet TELUS standards it must be 7:1 .

Use the WebAIM lightness slider to adjust the selected colour. Accessible text colours are generated with WCAG Guidelines and recommended a contrast ratio of 4.5:1 but to meet TELUS standards it must be 7:1 .


Explore more

Explore more