- $ui-navy#131D42
Usage
- UI components (hover states)
- Anything else
Accessibility
White
- Contrast ratio 16.38
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Passed
- WCAG 2 AAA Compliant(18pt+) Passed
Use UI navy on white
Use white on UI navy
Grey
- Contrast ratio 1.46: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 navy on grey
Avoid grey on UI navy
Background blue
- Contrast ratio 12.38:1
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Passed
- WCAG 2 AAA Compliant(18pt+) Passed
Use UI navy on background blue
Background green
- Contrast ratio 12.59:1
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Passed
- WCAG 2 AAA Compliant(18pt+) Passed
Use UI navy on background green
Background red
- Contrast ratio 11.28:1
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Passed
- WCAG 2 AAA Compliant(18pt+) Passed
Use UI navy on background red
Background grey
- Contrast ratio 12.64:1
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Passed
- WCAG 2 AAA Compliant(18pt+) Passed
Use UI navy on background grey
Background yellow
- Contrast ratio 14.18:1
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Passed
- WCAG 2 AAA Compliant(18pt+) Passed
Use UI navy on background yellow
Background cream
- Contrast ratio 15.78:1
- WCAG 2 AA Compliant Passed
- WCAG 2 AA Compliant(18pt+) Passed
- WCAG 2 AAA Compliant Passed
- WCAG 2 AAA Compliant(18pt+) Passed
Use UI navy on background cream
