- $ui-green#029E5E
Usage
- 'Success' state for UI components
- Anything else
Accessibility
White
- Contrast ratio 1.13:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Use UI green on white
Use white on UI green
Grey
- Contrast ratio 9.92
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Passed
- WCAG 2 AAA Compliant(18pt+) Passed
Use UI green on grey
Use grey on UI green
Background blue
- Contrast ratio 2.62:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid UI green on background blue
Background green
- Contrast ratio 2.67:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid UI green on background green
Background red
- Contrast ratio 2.39:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid UI green on background red
Background grey
- Contrast ratio 2.68:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid UI green on background grey
Background yellow
- Contrast ratio 3:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid UI green on background yellow
Background cream
- Contrast ratio 3.34:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid UI green on background cream
