COLOR CONTRAST CHECKER

Test WCAG 2.1 AA & AAA compliance — check accessibility of your color combinations
Foreground (Text)
Background
Large Text (24px)
Normal body text at 16px — check readability carefully
Small text at 12px — hardest to read, needs highest contrast
Contrast Ratio
QUICK PRESETS

Related Design tools — Color Palette, Color Picker, CSS Gradient, Meta Tags, Viewport Checker.
📖 Guide: Color Palettes for Web Design