Contrast Check
Check WCAG color contrast between any two colors.
Black / White
Dark / Lavender
GitHub Dark
GitHub Light
Slate
Amber
Cyan Dark
White / Red
Foreground (Text)
⇄
Background
—
Contrast Ratio
Suggested Alternatives (AA Compliant)
Live Preview
Large Text (24px bold)
Normal body text at 16px. This is what most of your content looks like.
Small text at 12px — captions, footnotes, metadata.
Button
✦