Generate
Color picker
Pick a color on a perceptually even plane — unreadable choices grey out first.
← less saturatedlighter ↑ · darker ↓more saturated →
Because this plane is OKHSL rather than HSL, a step is the same size everywhere on it — the same drag distance changes the color by the same amount in the yellows as in the blues. Everything greyed out fails your contrast target.
The quick brown fox…and the small print underneath it.
Fine for body text5.57:1
Readable at
Body text. The legal requirement in most places, and the one to default to.
On this background
50% of this hue is readable on this background.