Color Contrast
Check WCAG AA and AAA contrast ratios between two colors
About Color Contrast
Color Contrast lets you check wcag aa and aaa contrast ratios between two colors.
Category: Color.
Frequently asked questions
What is WCAG color contrast?
▾
The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios between text and background colors to ensure readability for people with low vision. Level AA requires 4.5:1 for normal text, 3:1 for large text.
What is the difference between AA and AAA compliance?
▾
AA (minimum): 4.5:1 for normal text, 3:1 for large text (18pt+ or 14pt+ bold). AAA (enhanced): 7:1 for normal text, 4.5:1 for large text. Most organizations target AA; AAA is ideal but often impractical for all text.
What counts as 'large text' in WCAG?
▾
Text at 18pt (24px) or larger, or 14pt (approximately 18.67px) or larger when bold. Large text has a lower contrast requirement because it is easier to read at lower contrast.