Color · accessibility
Contrast.
Check WCAG 2.1 contrast ratios and preview how the pair lands for people with different forms of colour-vision deficiency.
Foreground
Background
The quick brown fox
jumps over the lazy dog. Body copy at 16px / 1.55 — the size that has to pass AA most often in real interfaces.
19.03:1 · AAA · perfect
✓AA· text✓AAA· text✓AA· large✓AAA· large
Colour-vision preview
Simulated using Vischeck-style transformation matrices. Use as an indicator, not a substitute for testing with real users.
Deuteranopia
red-green · ~6% of men
Body copy
Inverted
Protanopia
red-green · ~1% of men
Body copy
Inverted
Tritanopia
blue-yellow · rare
Body copy
Inverted
Achromatopsia
no color · very rare
Body copy
Inverted