a11y.world example theme
Contrast report for the a11y.world example theme terminal theme: dark: 2 of 17 below 4.5:1; light: 12 of 17 below 4.5:1.
The pair the Color Lab loads by default. The dark variant fails on black and bright black; the light variant fails on its bright colors. Every value is measured with the same math as the Color Lab: the WCAG 2 contrast ratio of each color as text on that variant's background.
Open this theme in the Color Lab
Dark variant on #0f1720
2 of 17 colors fall below 4.5:1 on #0f1720: black, bright black.
| Color | Sample | Ratio | Result |
|---|---|---|---|
| foreground | $ ls -la ~/projects | 13.2:1 | Pass |
| black | $ ls -la ~/projects | 1.2:1 | Below 4.5:1 |
| red | $ ls -la ~/projects | 5.6:1 | Pass |
| green | $ ls -la ~/projects | 7.1:1 | Pass |
| yellow | $ ls -la ~/projects | 8.0:1 | Pass |
| blue | $ ls -la ~/projects | 6.1:1 | Pass |
| magenta | $ ls -la ~/projects | 6.7:1 | Pass |
| cyan | $ ls -la ~/projects | 7.3:1 | Pass |
| white | $ ls -la ~/projects | 11.3:1 | Pass |
| bright black | $ ls -la ~/projects | 2.0:1 | Below 4.5:1 |
| bright red | $ ls -la ~/projects | 7.6:1 | Pass |
| bright green | $ ls -la ~/projects | 10.4:1 | Pass |
| bright yellow | $ ls -la ~/projects | 11.2:1 | Pass |
| bright blue | $ ls -la ~/projects | 8.3:1 | Pass |
| bright magenta | $ ls -la ~/projects | 9.2:1 | Pass |
| bright cyan | $ ls -la ~/projects | 10.3:1 | Pass |
| bright white | $ ls -la ~/projects | 16.5:1 | Pass |
Light variant on #f7f8fa
12 of 17 colors fall below 4.5:1 on #f7f8fa: green, yellow, cyan, white, bright black, bright red, bright green, bright yellow, bright blue, bright magenta, bright cyan, bright white.
| Color | Sample | Ratio | Result |
|---|---|---|---|
| foreground | $ ls -la ~/projects | 12.6:1 | Pass |
| black | $ ls -la ~/projects | 12.6:1 | Pass |
| red | $ ls -la ~/projects | 5.1:1 | Pass |
| green | $ ls -la ~/projects | 3.9:1 | Below 4.5:1 |
| yellow | $ ls -la ~/projects | 3.5:1 | Below 4.5:1 |
| blue | $ ls -la ~/projects | 4.9:1 | Pass |
| magenta | $ ls -la ~/projects | 5.1:1 | Pass |
| cyan | $ ls -la ~/projects | 3.6:1 | Below 4.5:1 |
| white | $ ls -la ~/projects | 2.4:1 | Below 4.5:1 |
| bright black | $ ls -la ~/projects | 4.3:1 | Below 4.5:1 |
| bright red | $ ls -la ~/projects | 3.0:1 | Below 4.5:1 |
| bright green | $ ls -la ~/projects | 2.4:1 | Below 4.5:1 |
| bright yellow | $ ls -la ~/projects | 2.1:1 | Below 4.5:1 |
| bright blue | $ ls -la ~/projects | 2.8:1 | Below 4.5:1 |
| bright magenta | $ ls -la ~/projects | 2.6:1 | Below 4.5:1 |
| bright cyan | $ ls -la ~/projects | 2.3:1 | Below 4.5:1 |
| bright white | $ ls -la ~/projects | 1.1:1 | Below 4.5:1 |
What the numbers mean
Terminal text is small, often dim, and read for hours, so every color is held to the 4.5:1 body-text bar. A failing color is not unusable; it is a color that some people cannot read without leaning in. Theme authors usually fix a failing dim color by moving it a little toward the foreground, as the gallery entry shows, and the field note explains why light and dark variants fail in different places.
Values were transcribed from the theme's published palette. If one is wrong, send a correction and the report is regenerated.