Lightness curve
Colours
Each swatch shows its best text colour and contrast ratio. Click a swatch to copy its hex. Steps marked had their chroma reduced to fit sRGB.
Contrast matrix
WCAG 2 contrast between every pair of steps. AAA ≥ 7 · AA ≥ 4.5 body text · Large ≥ 3 large text and UI · fails are shown in grey.
Preview
Uses your first colour as the primary and the lowest-chroma colour as neutral.