Compliant Color Contrast Buttons

3:1 – minimum contrast for “large scale” text (24px or 19px bold, or larger) under WCAG 2.0 1.4.3 (Level AA)

AA/AAA Compliant – 3:1 Ratio
Button text is set to 24px

AA/AAA Compliant – 3.7:1 Ratio
Button text is set to 24px

AA/AAA Compliant – 3:1 Ratio
Button text is set to 24px

AA/AAA Compliant – 5.5:1 Ratio
Button Text

AA/AAA Compliant – 4.9:1 Ratio
Button Text

AA/AAA Compliant – 5.2:1 Ratio
Button Text

AA/AAA Compliant – 5.1:1 Ratio
Button Text

AA/AAA Compliant – 10.7:1 Ratio
Button Text

AA/AAA Compliant – 3.2:1 Ratio
Button Text

AA/AAA Compliant – 5.6:1 Ratio
Button Text

AA/AAA Compliant – 5.2:1 Ratio
Button Text