Start Now!COLOR STUDIOContrast checker
Make every word readable.
Check a color pairing before it becomes a design decision.
Choose your colors
Set the text and background colors to check their contrast.
WCAG 2.2 text contrast
Live preview and results for this color pair.
Good design starts with clarity.
Get startedContrast ratio
11.62:1
- AA normal text (4.5:1)Pass
- AAA normal text (7:1)Pass
- AA large text (3:1)Pass
- AAA large text (4.5:1)Pass
At 16px regular, this sample counts as normal text.
Results cover WCAG 2.2 text contrast for this color pair only. They don't measure overall accessibility.
