All generators
Contrast Checker
Preview
px
px
Variants
Space new variant
Presets
Settings
Brand palette
No brand palette yet. Create one in the Brand Kit
Suggestions
One click applies a suggestion; undo reverts it.
Colors
Text color
Background color
Check
Sample
Decides which levels count: body text needs 4.5:1 for AA and 7:1 for AAA, large text 3:1 and 4.5:1, UI components 3:1.
Also shows the pair as people with a color vision deficiency see it, including its contrast.
Palette
Shows every palette color as text on every other one, with its contrast ratio.