Your Daily Tools, All At One Place

Check color contrast ratios to ensure your designs meet accessibility standards. Perfect for designers and developers.

Color Selection

Foreground Color
Background Color
Aa
WCAG Standards
AA Large
3:1 for large text (18pt+)
AA Normal
4.5:1 for normal text
AAA Large
4.5:1 for large text
AAA Normal
7:1 for normal text
Accessibility Tips
  • Use sufficient contrast ratios to ensure readability for all users
  • Test your designs with color blindness simulators
  • Consider luminance when selecting color combinations
  • Always provide alternatives for non-text content

Contrast Results

0.00

Contrast Ratio

AA Large
3:1
AA Normal
4.5:1
AAA Large
4.5:1
AAA Normal
7:1
Contrast Examples
Good Contrast
21:1
Minimum AA
4.5:1
Poor Contrast
2.1:1
AAA Normal
7:1
AA Large
3:1
Borderline
4:1