Color item displaying as a table row, with support for dark mode colors and AA accessibility tests. Design created to accomodate theme-ui-type color palettes.
Custom design created by component-controls.
| Score | Contrast ratio | Result |
|---|
| >= 7.0:1 | Passes WCAG 2.0 AAA |
| >= 4.5:1 | Passes WCAG 2.0 AA |
| >= 3.0:1 | Passes WCAG 2.0 Large Text AA |
| < 3.0:1 | AA Test failed |
| Score | Contrast ratio | Result |
|---|
| >= 7.0:1 | Passes WCAG 2.0 AAA |
| >= 4.5:1 | Passes WCAG 2.0 AA |
| >= 3.0:1 | Passes WCAG 2.0 Large Text AA |
| < 3.0:1 | AA Test failed |
| Score | Contrast ratio | Result |
|---|
| >= 7.0:1 | Passes WCAG 2.0 AAA |
| >= 4.5:1 | Passes WCAG 2.0 AA |
| >= 3.0:1 | Passes WCAG 2.0 Large Text AA |
| < 3.0:1 | AA Test failed |
| Score | Contrast ratio | Result |
|---|
| >= 7.0:1 | Passes WCAG 2.0 AAA |
| >= 4.5:1 | Passes WCAG 2.0 AA |
| >= 3.0:1 | Passes WCAG 2.0 Large Text AA |
| < 3.0:1 | AA Test failed |
| Score | Contrast ratio | Result |
|---|
| >= 7.0:1 | Passes WCAG 2.0 AAA |
| >= 4.5:1 | Passes WCAG 2.0 AA |
| >= 3.0:1 | Passes WCAG 2.0 Large Text AA |
| < 3.0:1 | AA Test failed |
