Accent Colours
- $color-green-lighten-15#21FEA3
- $color-green-lighten-10 #07FE99
- $color-green-lighten-5#01EA8B
- $green#01D17C
- $color-green-darken-5 #01B86D
- $color-green-darken-10#019E5E
- $color-green-darken-15#01854F
Usage
- Images gradient maps
- Large typographical elements
- Icons
- Dividing lines
- Small background areas
- Large background areas
- Body text
- Buttons
Accessibility
White
- Contrast ratio 2.02:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid green on white
Avoid white on green
Grey
- Contrast ratio 5.55:1
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Passed
Use green on grey
Use grey on green
Background blue
- Contrast ratio 1.52:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid green on background blue
Avoid using background colours on green
Background grey
- Contrast ratio 1.56:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid green on background grey
Avoid using background colours on green
Background red
- Contrast ratio 1.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 green on background red
Avoid using background colours on green
Background green
- Contrast ratio 1.55:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid green on background green
Avoid using background colours on green
Background yellow
- Contrast ratio 1.75:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid green on background yellow
Avoid using background colours on green
Background cream
- Contrast ratio 1.93:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Failed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Avoid green on background cream
Avoid using background colours on green
