Tools / Analyse
Contrast & ΔE
Two questions about two colors: can people read one on the other? (WCAG 2.2 and the newer APCA) and how different do they look? (CIE ΔE formulas from 1976 to OKLab). Press X to swap.
Text / foreground
Background
Preview
The quick brown fox
Color is the place where our brain and the universe meet. Body copy at 15 px needs more contrast than this headline does, and thin weights need more still.
12 px caption — small text is the first thing to fail.
Outline buttonFilled button
WCAG 2.2 contrast ratio
134.5721
—
APCA lightness contrast
01545607590106
Polarity-aware: dark-on-light and light-on-dark score differently.
Color difference (ΔE)