Color Contrast Checker
Check WCAG contrast of two colors.
-Contrast
-WCAG
How it works
Pick a text and a background color. The ratio uses the WCAG 2 luminance formula: 4.5 passes AA and 7 passes AAA for normal text.
FAQ
What contrast ratio do I need?
WCAG AA needs 4.5 to 1 for normal text and AAA needs 7 to 1.
Does it work for large text?
Large text only needs 3 to 1 for AA.
Also searched as
color contrast checker · wcag contrast checker · contrast ratio calculator · accessibility color checker · text background contrast · aa aaa contrast · check color contrast · web accessibility contrast · contrast checker online · color accessibility tool