- $orange#E26143
Usage
- Primary call-to-action buttons
- Anything else
Accessibility
White
- Contrast ratio 3.49:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Use UI orange on white
Use white on UI orange
Grey
- Contrast ratio 3.21:1
- WCAG 2 AA Compliant Failed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Failed
- WCAG 2 AAA Compliant(18pt+) Failed
Use UI orange on grey
Use grey on UI orange
Background blue
- Contrast ratio 2.63: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 orange on background blue
Background green
- 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 orange on background green
Background red
- Contrast ratio 2.4: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 orange on background red
Background grey
- Contrast ratio 2.69: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 orange on background grey
Background yellow
- Contrast ratio 3.02: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 orange on background yellow
Background cream
- Contrast ratio 3.36: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 orange on background cream
