Contrast Checker
Enter a text and background color to see the WCAG contrast ratio and which AA and AAA levels pass.
Every check runs in your browser. Nothing you enter is uploaded to BroBroGo.
FAQ
What do the AA and AAA results mean?
AA is the level most sites aim for: it needs a ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA is stricter — 7:1 for normal text and 4.5:1 for large text. The ratio runs from 1:1 (no contrast) to 21:1 (black on white).
What counts as large text?
Text from 18pt (about 24px), or 14pt (about 18.5px) when bold. Larger text stays legible at lower contrast, so it passes AA at 3:1 and AAA at 4.5:1 instead of the stricter normal-text thresholds.
Which color formats can I enter?
Type a hex value like #1a1a1a, an rgb() value like rgb(26, 26, 26), or an hsl() value — or click either swatch to pick a color. Use the swap button to flip the text and background colors.
Is this WCAG 2 or the newer APCA method?
It uses the WCAG 2.1 / 2.2 formula, the one accessibility rules and audits reference today. APCA is a newer, more perceptual method still being drafted for WCAG 3 — promising, but not yet a compliance standard, so the pass results here do not use it.