Create Accessible Color Palettes

Text color and it’s background color must meet specific contrast requirements.

Contrast Requirements depend on text size:

• Large text = contrast 3:1
• Regular and small text = contrast 4.5:1

Test individual colors

• Colour Contrast Analyzer (CCA)
• WebAim Color Contrast Checker
• Adobe Color Contrast Analyzer

Test Accessible Link Colors

• WebAim Link Contrast Checker

Test Multiple Colors

• Leonardo Adaptive Color Theme
• Accessible color palette builder
• Accessible Brand Colors

Other Color Contrast Checkers

• Text on background image a11y check
• VIZ Pallete, Data Visualization
• Venngage Accessible color palette generator