Zyggs Lab · Free, no sign up
Your creative laboratory.
Colors to explore. Images to transform.
04 / 07
Check contrast
See how your colors perform when reading.
Aa
The detail makes a difference.
Good contrast makes reading comfortable. Try your colors in a real context.
Contrast ratio10.76:1
- Normal textAA · 4.5:1Pass
- Large textAA · 3:1Pass
- Normal textAAA · 7:1Pass
- Large textAAA · 4.5:1Pass
- Icons and controlsAA · 3:1Pass
Your palette, side by side.
Choose a pair to test.
| Aa | #5873D5 | #F3C8AC | #243A38 | #D3DECF | #F7F1E8 |
|---|---|---|---|---|---|
| #5873D5 | |||||
| #F3C8AC | |||||
| #243A38 | |||||
| #D3DECF | |||||
| #F7F1E8 |
WCAG 2.2: normal text needs 4.5:1 for AA and 7:1 for AAA. Large text needs 3:1 for AA and 4.5:1 for AAA. Large means at least 24 px, or 18.67 px bold. Tests use full precision without rounding.
This result evaluates two solid colors. Transparency, images and other criteria need separate evaluation.
WCAG 2.2 · W3C ↗A good idea can begin with a small test.