ContrastKit

WCAG contrast studio

demo · click or type to take over

Fix foreground · keeps hue

Contrast ratio

: 1
fg on bg

Headlines stay sharp.

Body text is the real stress test. At 4.5 : 1 paragraphs stay readable in sunlight, dark rooms, and on cheap panels.

bg on fg

Flipped, it still works?

Great pairs survive inversion — dark mode, hover states and selected rows all swap your colors when you least expect it.